https://github.com/scriptraccoon/sprite-animation
Basic template for a Platformer in JavaScript including Sprite animations.
https://github.com/scriptraccoon/sprite-animation
Last synced: 6 days ago
JSON representation
Basic template for a Platformer in JavaScript including Sprite animations.
- Host: GitHub
- URL: https://github.com/scriptraccoon/sprite-animation
- Owner: ScriptRaccoon
- License: mit
- Created: 2021-11-28T19:24:08.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-01-26T00:06:44.000Z (over 2 years ago)
- Last Synced: 2025-03-03T03:17:12.639Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://sprite-anima.netlify.app
- Size: 40 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Sprite animation in JavaScript
This is a basic template for a Platformer in JavaScript including Sprite animations.
Demo: https://sprite-anima.netlify.app
There are three canvases, one for the background, one for the tiles (not redrawn during the game loop) and one for the game entities.
The game entities are divided into the following classes:
- Rectangles
- Sprites (can be animated, follow some physics, and may have optional features)
- Players (sprites with collision detection which can be controlled to walk, jump and plant flowers)
- Birds (sprites which fly back and forth)
Both controls and features are made reusable, so that they can also be applied to other classes of sprites. It is not a complete game, and has just one level, but it can easily be extended to a proper game. The timer class is borrowed from [here](https://github.com/meth-meth-method/super-mario).
This is a continuation of my [previous template](https://github.com/ScriptRaccoon/jump-and-run-template) where all entities where drawn just as plain rectangles. The branch 'setup' in this repository roughly starts from there (except that there is no game class and no push function for boxes).
The spritesheets used here are from [opengameart](https://opengameart.org) (with slight edits).
- Player: https://opengameart.org/content/hero-spritesheets-ars-notoria
- Tiles: https://opengameart.org/content/platformer-tilesets
- Birds: https://opengameart.org/content/lpc-birds
- Clouds: https://opengameart.org/content/old-frogatto-clouds-2