Base project for creating interactive things ES6 JavaScript. :)
It creates a full-page canvas, which you draw on with JavaScript. There's a rough framework for handling resizing/animation timing already so that in the Controller.js class you can just implement update()
and render(context)
and it should do stuff for you.
npm install
in the main directory will install dependencies.
To build everything manually you can use npm run webpack
.
npm start
This brings up a local webserver from which you can view your changes in a browser. You can also check it out on a phone through clever networking stuff (i.e. being on the same wifi network and finding your computer's local IP address)
For a smoother dev flow, building stuff can be done automatically! Cool!
The following command will check for any files changing and will rebuild everything:
npm run watch
To then get the page to automatically reload on change, instead of using npm start
you can use:
npm run reload
My usual workflow is to have three terminal windows open, one for running the server, one for automatically updating and one for miscellaneous commands.