ZIM Docs - Sprite and SpriteSheet for
Please see this intro page for all the latest at ZIM https://zimjs.com/intro.html
and the very visual Creative Coding Series here https://zimjs.com/learnjavascript.html
ZIM Docs help for Sprite https://zimjs.com/docs.html?item=Sprite
ZIM at https://zimjs.com is a magical way to code on the HTML Canvas. ZIM is free, fun, friendly and very powerful - great for learning code as well as convenient for professionals with customizable components and controls.
00:00 start example from https://zimjs.com/ia
00:45 example on CodePen https://codepen.io/zimjs
00:50 CodePen tag zimjs https://codepen.io/tag/zimjs
01:10 sprite sidescroller spaceguy https://zimjs.com/zapp/Z_UC7DN
01:38 not evenly spread spritesheet cols:4 x rows:5
02:02 JSON file made with texturepacker.io
02:03 free https://www.codeandweb.com/free-sprit...
02:55 spritesheet boom.png https://zimjs.org/assets/boom.png
03:19 kids-things-level3 https://zimjs.org/kids/thing_explosio...
03:32 germs explode with boom.png https://zimjs.com/zapp/E_7TG5T
03:44 TP (TexturePacker) in https://zimjs.com/examples
04:14 sprite in docs https://zimjs.com/docs.html?item=Sprite
06:36 start coding in VScode with template https://zimjs.com/code
11:34 animate new Sprite.run(time, loop, count, animations)
12:27 result of sidescroller playing with keyboard
14:08 KIDS example of new Sprite("boom.png").run().center();
14:49 Sprite with flip and registration point set not centered
15:18 foreground circles in new Tile() and background new Tile()
16:04 new MotionController(type:"keydown")
16:29 jumping function()
17:32 guy on skateboard sprite https://zimjs.com/spritesheet/skateboard
18:06 guy only walk cycle https://zimjs.com/spritesheet