How do I use drawn sprites and tiles

0 favourites
  • 10 posts
From the Asset Store
You need this package if you want to program a Street Fighter or battle game.
  • Hey guys, this is my first post so would like to say hello, been looking around the site and everybody seems very friendly and supportive which is nice. I have no experience with this engine and pretty much know how to do nothing but I figured before I start anything technical I would like to make some of my own graphics. I am pretty lazy so these are literally very quick rough sketches which I wanted to scan in quickly. Here there is a background, and a few tiles I drew quickly with biro and watercolour and a 32X32 tile version of the dirt platform tile I drew. Using this kind of technique and with the right knowledge of construct would I be able to make the necessary bits for a platformer on construct 2?

    I did do the platformer tutorial upto the scoring stage, It didnt't show how to make platforms I dont think and also would I be able to make the tile repeat itself to form the platforms?

    Hope this all makes sense.

    How can I make use of images like these?

    <img src="http://i379.photobucket.com/albums/oo238/w1nds0r/Game%20arts/BG1-test_zps103bea07.png" border="0" />

    <img src="http://i379.photobucket.com/albums/oo238/w1nds0r/Game%20arts/img003_zps66c627f5.jpg" border="0" />

    <img src="http://i379.photobucket.com/albums/oo238/w1nds0r/Game%20arts/Untitled_zps3ddf3f28.png" border="0" />

  • Hello BadCerebral!

    I've experimented with this sort of stuff recently, so it's definitely possible. Scan it into your PC and save it as a .PNG file. You'll have to crop and make sure the image has the right borders you want to appear in the game. Once you add the graphic as a 'tiled background' in Construct, you can re-use it as much as you want (drag and drop it onto the layout) and rotate, scale, etc to suit your needs in the game.

    You will have to use some collision masks (like an invisible solid sprite) to make sure the pieces act as platforms. One easy way is to put all the invisible collision masks on a separate layer and make that layer invisible in the game so all the player sees is your artwork.

    I love the style, dude; there's something unique about hand-drawn images in a game.

  • <img src="http://i379.photobucket.com/albums/oo238/w1nds0r/Game%20arts/img006.jpg" border="0" />

    <img src="http://i379.photobucket.com/albums/oo238/w1nds0r/Game%20arts/img005.jpg" border="0" />

    Some more really quick pen and water colour combos. Will try 64x64 this time. Hopefully will have a few usable tiles afterwards. Thanks for your response space ape! Glad somebody else is upto these tricks, I really wanted to create pixel tiles but I am no good with digital art really. Although I illustrate so hoping I can make use of what I can do. I will have a go at playing with collision masks after I make these into tiles :)

    <img src="http://i379.photobucket.com/albums/oo238/w1nds0r/Game%20arts/Wood.png" border="0" />

    <img src="http://i379.photobucket.com/albums/oo238/w1nds0r/Game%20arts/Stone.png" border="0" />

    <img src="http://i379.photobucket.com/albums/oo238/w1nds0r/Game%20arts/Sand.png" border="0" />

    <img src="http://i379.photobucket.com/albums/oo238/w1nds0r/Game%20arts/Dirt.png" border="0" />

    <img src="http://i379.photobucket.com/albums/oo238/w1nds0r/Game%20arts/Brick.png" border="0" />

    Well there are the four tiles, Will have a mess about now.

  • The problem with handdrawn images like this, is they won't be seamless (meaning you can tell where one ends and one begins), so you'll need to make adjustments in some art app, like Photoshop if you own that, or even Gimp which is free. I'm not even sure if being seamless matter with this style all that much. Just create different variations of the same tile so it doesn't look repetitive.

  • Good point, procrastinator. I think, maybe, that the lack of seamlessness might be part of the charm with using these type of hand-drawn pieces. You could certainly pull off a setting which looks like blocks or tiles (a grid?) and it might be downright beautiful!

    I also wanted to note that MS Paint in Windows 7 has a free-form selection tool which might allow you to crop around the edges of these images for cleaner import into the game.

  • Well what I did thus far is scan in. Crop in Photoshop and scale down to 64X64 in paint. Although after making blank sprites for the platform I realized I could just draw the scene. I am a complete novice at this. I did notice that they didn't blend completely but I don't think that would be too much of an issue really. I could always grabs a column or two of pixels from one side and put it on the other, change slightly so it blends. Alternatively I could scan line drawings and colour on Photoshop for consistent colours. Then the hand drawn quality may be gone though.

    I think I still going to attempt to make / use a pixel sprite. I lke the style and it may go well as a combination. Hand drawn and pixel art. :) Definatly looking forward to trying it out and hopefully I will learn a bit of construct along the way. :)

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • You could totally draw/paint by hand the entire level and use invisible sprites for collision masks. That would be pretty frakkin cool. I'm looking forward to see what you come up with... and I'm a little bit jealous as I can't make decent game art to save my soul.

  • I have never tried to make game art before man, even if its for experimental purposes it would be my honor to try and create a background or layout for you if you tell me what you would like. I guess if I was to draw a few long layouts, put a collision mask at the end to move to the next screen or something I could string a few long drawings together to create a bsic platformer right? This is very basic theory at the moment and I should really be doing my college work at the moment and beer doesnt help. :P

    After playing bit dungeon however it makes me want to create a game like that really bad, the only skill I have though really is the ability to draw and scan my work :)

  • Beer always helps! C'mon man! :P

    I'm getting pretty fluent with Construct, but I can't do art to save my life. I end up searching the web for free graphics after struggling to draw some decent images. I like pixel art, but it always comes out looking worse than the original nintendo.

    I have a laundry list of game ideas, mechanics, and stories for games written out... no graphics to represent them.

    Maybe something is brewing here... ?

  • If I can help I will. :) I can try draw some decent images although spriting I don't think I can do really. Its so hard to even make a good 16 or 32 bit sprite, can't imagine how much time must go into animating and spriting the old school street fighters. Madness.

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)