Animating UFOs with VanillaJS.
- HTML canvas
- spritesheet-based animation (art and spritesheets created on Piskel)
- simple game loop with update() and draw() functions
- uses Parcel bunder to run locally (with watch) or create a distribution
- optionally build as a library to include JS on any website (uses
esbuild
)
View demo at https://briangershon.github.io/ufo/.
npm install # install dependencies
npm start
# visit http://localhost:1234
npm test
npm run lint
npm run build
npm run build-gh
git commit -m "latest build"
npm run publish-gh
# create `dist/ufo-widget.js`
npm run build-library
Example usage:
<canvas id="my-canvas" width="600" height="300"></canvas>
<script src="./ufo-widget.js"></script>
<script>
const canvas = document.getElementById('my-canvas');
ufoWidget.default({
canvas,
scale: 1,
entityCount: 22
});
</script>