https://github.com/ullaskunder3/anime-sprite-animation-js

Sprite animation in vanilla Javascript
https://github.com/ullaskunder3/anime-sprite-animation-js

basic javascript sprite-animation spritesheet vanilla-javascript

Last synced: 12 months ago
JSON representation

Sprite animation in vanilla Javascript

• Host: GitHub
• URL: https://github.com/ullaskunder3/anime-sprite-animation-js
• Owner: ullaskunder3
• Created: 2021-12-13T17:31:56.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-12-13T18:21:26.000Z (over 4 years ago)
• Last Synced: 2025-02-08T22:25:40.114Z (over 1 year ago)
• Topics: basic, javascript, sprite-animation, spritesheet, vanilla-javascript
• Language: JavaScript
• Homepage: https://ullaskunder3.github.io/anime-sprite-animation-js/
• Size: 2.72 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Anime Sprite Animation

Sprite Animation comes from the classic paper flip animation concept.

In Sprite Animation, two or more images get rendered sequentially in a continuous manner which, in turn, gives an animated single object.

Example:

![example](./example.gif)

---

- A sprite sheet consists of multiple frames (also sprites) in one image.

- In other words, sprite sheets pack multiple sprites into a single picture.

- Using sprite sheet, you create sprite sheet animation representing one or - several animation sequences while only loading a single file.

- Sprite sheet animation changes which frame/sprite is rendered in quick succession to give the illusion of movement.

![sheet](./img/sword.png)