Small example showing how you can make game sprite animations using CSS with Javascript movement.
Hi there, I'm Björn Hjorth 👋
I like combining the web and game development, if you like what you see please do not be a stranger and say "Hi" on Twitter @browsermage
Edit Demo on StackBlitz⚡️ · Report Bug
Small example showing how you can make game sprite animations using CSS with Javascript movement.
All of the game logic happens in the game.js
file.
All of the CSS animation (exept states) is in the duck/duck.styles.css
You use keyboard A W S D
navigation to move around
PS. the images are hosted on firebase to make the demo work on StackBlitz
git clone https://github.com/browsermage/javascript-game-development-css-amimation.git
cd javascript-game-development-css-amimation
npm install
npm run dev
Björn Hjorth - @browsermage
Homepage: https://browsermage.com
Distributed under the MIT License. See LICENSE
for more information.
To all the indiedevs that I have connected with over the years.