How to use a sprite sheet - Revision history

JoeStrout: /* Example */

2024-07-07T18:31:26Z

Example

JoeStrout: /* Example */

2024-07-07T18:30:38Z

Example

JoeStrout: Created page with "Often it is convenient to have a single image that contains many frames for a sprite. When played sequentially, these frames make the sprite appear to run, or explode, or wha..."

2024-07-07T18:27:48Z

Created page with "Often it is convenient to have a single image that contains many frames for a sprite. When played sequentially, these frames make the sprite appear to run, or explode, or wha..."

New page

Often it is convenient to have a single image that contains many frames for a sprite. When played sequentially, these frames make the sprite appear to run, or explode, or whatever the images represent. A big image containing many smaller images (frames) is typically called a ''sprite sheet''.

To use a sprite sheet, you must first pull the big image apart into a list of little images, using [[Image.getImage]]. Then you can assign these frames in turn to the [[Sprite.image|Sprite image]].

== Example ==

The following example draws an explosion over and over, using a sprite sheet found in the Mini Micro system disk.

<ms>clear

img = file.loadImage("/sys/pics/maelstrom/explosion.png")
frames = []
for i in range(0, 9)
frames.push img.getImage(i * 32, 0, 32, 32)
end for

explosion = new Sprite
explosion.x = 128
explosion.y = 128
explosion.scale = 4
animSpeed = 10

display(4).sprites.push explosion

while true
explosion.image = frames[time * animSpeed % frames.len]
yield
end while</ms>

(Press Control-C to stop this program.)

[[Category:Mini Micro]]
[[Category:How To]]

@@ Line 21: / Line 21: @@
 explosion.y = 128
 explosion.scale = 4
 display(4).sprites.push explosion
 // Main (animation) loop
 while true
      explosion.image = frames[time * animSpeed % frames.len]

@@ Line 9: / Line 9: @@
 <ms>clear
-img = file.loadImage("/sys/pics/maelstrom/explosion.png")
+// Load and split up sprite sheet
 frames = []
 for i in range(0, 9)
-     frames.push img.getImage(i * 32, 0, 32, 32)
+     frames.push sheet.getImage(i * 32, 0, 32, 32)
 end for
 explosion = new Sprite
 explosion.x = 128
@@ Line 23: / Line 25: @@
 display(4).sprites.push explosion
 while true
      explosion.image = frames[time * animSpeed % frames.len]