Stencyl automatically divides a sprite sheet according to the tile size you provide. Stencyl will draw border lines between each tile, so we can then add them to our game. On our game’s dashboard, under Resources, click Tilesets, then create a new one called ‘Tiles.’ If you’ve made a single sprite sheet like I have, you can now choose that image and change the tile width and height to our predetermined size: 16×16. png and cut out the individual tiles for use in our game. png sheet, which is super convenient, since Stencyl can import a single. So let’s make the necessary background tiles: My complete tile set.
If you look closely at the arcade game, they have three blockade tiles: vertical, horizontal, and a connecting ‘elbow.’ This makes for a pleasing continuous wall, but it’s not strictly necessary. But for the sake of simplicity, I’m only using the vertical pattern. And since I chose to expand Blockade‘s palette, I’ll now need orange and green versions of the blockade tiles. Stencyl can handle lots of actors in a scene, but there’s no need to use actors for the blockade tiles since they’ll never move and they’ll remain aligned to the background tile grid. Though the blockade tiles could be actors, we’re going to make them part of our tile set in order to improve performance. We need the actual blockade tiles, the digits for the score, the collision tile, and a few letters for the ‘GAME OVER’ text. Regardless of the tool you use, you should create something that looks like the following: Draw the 16x16-pixel arrow facing each direction.īeyond the arrows, there are a few other graphical elements to account for. terrain creation, onion skinning) that are handy for animation and game creation. For this project, I’m using Pickle for OS X, a tool that’s straightforward to use and includes a few tools (e.g. There are plenty of pixel art editors and graphics programs you can use to construct in-game graphics, so I’m not going to spend much time talking about asset workflows. (Stencyl has the ability to rotate actors automatically, but we’re going to pre-create each direction separately.) For visibility’s sake, I’m going to increase the arcade original’s palette and create an orange and a green arrow. For the former, we primarily need two: one filled and one solid arrow (one for each player) pointing in four cardinal directions. In Stencyl parlance, Blockade requires minimal actors and tile sets. Create your game with a 640圆40 resolution. So launch Stencyl, create a blank game, name it something, and set the resolution to 640×640. More specifically, I want our play field to measure 40×40 tiles across, giving us a total resolution of 640×640 pixels-modest by modern standards, but adequate for our purposes. Typically I use 32×32 pixel dimensions as the smallest tile option in Stencyl games, but for Blockade, I’m opting for 16×16 because I intend for player walls to move quicker than the arcade original, and I want the game to fit on a relatively small (browser) screen. To my eyes, what’s important for Blockade is a) its square frame and b) its ample screen area, both balanced to keep players from either colliding immediately or wandering for minutes without risk of collision. We can meticulously count each tile in Blockade and precisely reproduce what we see, but generally it’s OK to make educated guesses and take creative liberties with your source material. It’s easy to get picky about specifics when cloning a game.
Once you’ve settled on 32×32-pixel assets, for instance, it’s incredibly difficult to work with smaller tiles in your tileset (actor sizes are arbitrary). Stencyl uses a tile-based graphics system, and it is particularly finicky about switching between sizes when constructing tile sets. One of the most important steps when starting a game is determining your screen resolution and base tile size.
Stencyl background how to#
how to start and finish a complete game.how to use actors, scenes, tile sets, and sound.With few assets to create, we can focus on tuning the game’s primary mechanics and learning a few intermediate Stencyl tricks in the meantime. The game is exceedingly simple by modern videogame standards, but that simplicity makes it an excellent starting point for an arcade clone. Players score a point by surviving longer without a collision first player to reach six points wins. Each player controls a growing wall, or blockade, steering its leading edge around the screen in an attempt to avoid colliding with itself, the screen border, or the opposing blockade. Blockade is an early precursor to Snake and its ilk, minus the touch-an-item-to-grow mechanic. In Technology, Videogames Stencyl Tutorial Series: Blockade (Part I)įor our introductory tutorial, we will use Stencyl to replicate the 1976 arcade game Blockade.
0 kommentar(er)
