Platformer With Sprite Sheets

Free Video Game Sprites
What Is A Sprite
Game Sprite Resource

NES - The #1 source for video game sprites on the internet! Wiki Sprites Models Textures Sounds Login. Sheets: 4,839: Games: 1,113: Biggest Game: Wrecking Crew (118 sheets) Biggest Submitter: Superjustinbros (598 sheets) Most Popular Games. Super Mario Bros. 1,406 2d game character sprites stock photos, vectors, and illustrations are available royalty-free. See 2d game character sprites stock video clips. The developers of game engines are aware of the wasted memory in the simple sprite sheets and started to optimize the space. The easiest way is to remove the transparency surrounding the sprite and shrink it to the bounding box. The even more efficient way is to use polygon outlines to cut the sprites. Trimming a sprite by its bounding.

Example code for this example can be downloaded here: spritesheet_example.zip

A quick video of our final program is below, and at the bottom of the page is a video explanation of the program.

This example shows a platformer game using sprite sheets. A good 2D game can involve a lot of graphics. Rather than create and manage a file for each image, games will use a large image made up of several smaller images. For example, this sprite sheet has multiple frames of a player character walking all in one image:

The sprite sheet was downloaded from the ``Platformer Art Deluxe' package at OpenGameArt.org and was created by author Kenney. Here is another sprite sheet that our game uses to build the world:

In addition, I've created a couple backdrops for my game. You can't interact with the backdrops, but I think it is more interesting to have a backdrop than just have a solid color. The backdrop was created using the Tiled Map Editor and Kenney's Buildings sprite sheet.

This is the backdrop for Level 2.

Finally, the code! This code builds off the other platformer examples on this website. I've divided the code up into several files to make it easier to navigate.

The first file just has some variables that represent constant values. It makes the code easier to read by using variables like WHITE and allows me to change the screen size easily.

This class pulls smaller images out of the large sprite sheet. Create an instance of the class and pass in the file name as a parameter to the constructor. Then call getImage with the x, y location of the upper left corner of yorur sprite along with its height and width. You can use a drawing program to get the location of the sprite images you are intersted in.

This next file defines platforms we can jump on or run into. At the beginning of the file we create lists for each image we want to use. The lists contain the x, y location of the sprite, along with the width and height. Next is the Platform class that defines a non-moving platform. There isn't much to it. The class passes along the image x, y, width, and height and uses the SpriteSheet class to grab the image.

If you want moving sprites, the next class MovingPlatform adds functionality to its parent class Platform. The class keeps track of its boundaries that it stays in, along with the velocity. The update is complex because a moving platform can 'bump' the user and move him/her. It also needs to keep track of how far the world has scrolled to the left or right.

This file defines each level in the game. There is a parent Level class that all levels should inherit from. Things that all levels have (like a list of platforms) are defined in this parent Level class. After that there is a class for each level.

The player class. This class could be simple, but we will make this player have an animation as he/she moves left and right.

This is the main program to run:

Copyright © 2017
English version by Paul Vincent Craven
Spanish version by Antonio Rodríguez Verdugo
Russian version by Vladimir Slav
Turkish version by Güray Yildirim
Portuguese version by Armando Marques Sobrinho and Tati Carvalho
Dutch version by Frank Waegeman
Hungarian version by Nagy Attila
Finnish version by Jouko Järvenpää
French version by Franco Rossi
Korean version by Kim Zeung-Il
Chinese version by Kai Lin

In computer graphics, a texture atlas (also called a sprite sheet or an image sprite) is an image containing multiple smaller images, usually packed together to reduce overall dimensions.^[1] An atlas can consist of uniformly-sized images or images of varying dimensions.^[1] A sub-image is drawn using custom texture coordinates to pick it out of the atlas.

Benefits[edit]

In an application where many small textures are used frequently, it is often more efficient to store the textures in a texture atlas which is treated as a single unit by the graphics hardware. This reduces the overhead of a context switch by increasing memory locality. Careful alignment may be needed to avoid bleeding between sub textures when used with mipmapping and texture compression.

In web development, images are packed into a sprite sheet to reduce the number of image resources that need to be fetched in order to display a page.^[2]

Gallery[edit]

A texture atlas for a video game
A texture atlas of glyphs
Sprite sheet for the video game Blades of Exile
A human model and 'skin' from the MakeHuman project, as viewed in the program, Blender

References[edit]

^ ^a^b'SDK White Paper Improve Batching Using Texture Atlases'(PDF). Nvidia. Retrieved 16 October 2018.
^'Implementing image sprites in CSS'. Mozilla Development Network.

Free Video Game Sprites

External links[edit]

Explanations and algorithms[edit]

Texture Atlas Whitepaper - A whitepaper by NVIDIA which explains the technique.
Practical Texture Atlases - A guide on using a texture atlas (and the pros and cons).
A thousand ways to pack the bin - Review and benchmark of the different packing algorithms
Sprite Sheets - Essential Facts Every Game Developer Should Know - Funny video explaining the benefits of using sprite sheets

What Is A Sprite

Tools[edit]

Game Sprite Resource

TexturePacker - sprite sheet packer with graphical user interface and tons of options. Works with almost all game engines.
LibGDX texture packer - Open source texture packer utility from libGDX
Texture Atlas Maker - Open source texture atlas utility for 2D OpenGL games.
SpriteMapper - Open source texture atlas (sprite map) utility including an Apache Ant task.

Retrieved from 'https://en.wikipedia.org/w/index.php?title=Texture_atlas&oldid=969514654'

Video Game Sprite Sheets