https://github.com/briangershon/ufo

Animation of UFOs.
https://github.com/briangershon/ufo

8bit esbuild javascript parcel-bundler vanillajs

Last synced: about 2 months ago
JSON representation

Animation of UFOs.

• Host: GitHub
• URL: https://github.com/briangershon/ufo
• Owner: briangershon
• License: mit
• Created: 2020-10-31T17:36:15.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-09-22T03:53:25.000Z (over 3 years ago)
• Last Synced: 2023-03-10T23:43:17.044Z (almost 2 years ago)
• Topics: 8bit, esbuild, javascript, parcel-bundler, vanillajs
• Language: JavaScript
• Homepage: https://briangershon.github.io/ufo/
• Size: 4.46 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ufo

![Build Status](https://github.com/briangershon/ufo/workflows/Continuous%20Integration/badge.svg)

Animating UFOs with VanillaJS.

- HTML canvas

- spritesheet-based animation ([art and spritesheets created on Piskel](https://www.piskelapp.com/user/5359821142360064))

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



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

```html

  const canvas = document.getElementById('my-canvas');

  ufoWidget.default({

    canvas,

    scale: 1,

    entityCount: 22

  });

```