Questions tagged [sprite-sheet]

A spritesheet is a large image filled with smaller images. When you display each of the smaller images in the correct order, you get an animation. If you imagine an old celluloid movie reel, unrolled, chopped up, and laid out in a large square, you have the idea of a sprite sheet.

Sprite Sheet (also known as Atlas, or Texture Atlas) is an image file which contains many smaller images, evenly spaced, which usually comprise the frames of an animation.

Such an image makes it easier for various software to access specific frames within the image by coordinates. Sprite sheets are used extensively in 2D animations, allowing to group together frames of a specific movement of a character.

In Sprite sheets can be imported and used in the sprite editor to create animations in the scene, controlled by an Animator state machine.

An example of a sprite sheet can be seen here https://web.archive.org/web/20140715213314/http://gamemedia.wcgame.ru/game-sprite-sheet.html.

Texture Atlas Wikipedia Article

Unity sprite editor used to slice sprite sheets

500 questions
-1
votes
1 answer

jquery one row sprite sheet

I'm working on animating the movement of a sprite (rotate on the spot - left to right and rotate 90 degrees from a standing position to face upwards or downwards) using a single-row sprite sheet containing 30 separate images, but I don't know where…
spacechimp
  • 15
  • 5
-1
votes
2 answers

Run left / right sprite animation by click

I have problem with this sprite animation. sprite-sheet The script don't change the correct animation, and the speed increases each time you click in the same direction.
MOUSE XY
Micky
  • 175
  • 1
  • 1
  • 8
-2
votes
1 answer

There is the distortion of pixel when i see in play mode in unity

My all sprites are in the 16x16 pixel. This same thing is happening in the phone also.when ever I move the player.
-2
votes
1 answer

What is the best way to track time/frames in a requestAnimationFrame game loop?

I've coded along with very simple game tutorials that use a simple requestAnimationFrame game loop. They have no need of tracking time elapsed or frame rate: var canvas = document.querySelector("#canvas"); var ctx =…
-2
votes
1 answer

Create non-animated spritesheet in JS

I'm struggling to get an image of a deck of small cards into spritesheet form using javascript. I need to get them into an array so as to shuffle them. Here's what I've got so far. Only the canvas shows up light blue against a dark blue…
listenlight
  • 654
  • 1
  • 12
  • 27
1 2 3
33
34