Skip to content

briangershon/ufo

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

ufo

Build Status

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)

Demo

View demo at https://briangershon.github.io/ufo/.

UFO animation

Run Local Dev Server

npm install  # install dependencies

npm start
# visit http://localhost:1234

Run Tests

npm test

Run lint

npm run lint

Package project up in dist folder for release to server

npm run build

Publish on github pages

npm run build-gh
git commit -m "latest build"
npm run publish-gh

Build as a library to use on another site

# 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>