How to make a VJ engine in Javascript

How to build a Javascript visual engine in the browser for VJing and installations. File management can get complicated. You've made tonnes of sketches. Now how do you pull it all together?

I'll take you through my thought process and practicalities of building a browser based VJ engine - based off my RBVJ engine, which recently won the W3C web audio challenge.

Knowledge in JS and HTML would be a serious advantage. Attending one of my other Javascript workshops will help a lot.

=====================================

Workshop Requirements:

1. Laptop

2. Chrome Browser You’ll need to have the latest version of Chrome installed https://www.google.com/chrome/browser/desktop/index.html

3. Development Text Editor You need to install a text editor. I recommend Atom: https://atom.io/ A good alternative to Atom is Sublime: https://www.sublimetext.com/ (but really, Atom is great)

4. Live Server: This is going to make your life so much easier and coding so much faster and fun. For Atom, simply go Preferences->Packages and search and install Live Server https://atom.io/packages/atom-live-server For maximum happiness make sure your default browser is Chrome.

5. A basic understanding of the web and HTML: Again, not really needed, but will go a long way in helping you get more out of the course and make better art.

Here’s two helpful guides: http://htmldog.com/guides/html/beginner/ https://websitesetup.org/html-beginners-guide/

Also a basic primer in colours: http://htmlcolorcodes.com/ http://www.computerhope.com/htmcolor.htm

This is a very very helpful Javascript creative coding primer: http://www.crunchzilla.com/code-monster