ITP Camp 2017

How to make a VJ engine in Javascript

This has been disabled.

It should not be visible to users without admin rights.

Session Leaders: George Gally

Tags: #Javascript #VJ #visuals

Created By: George Gally

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

  3. Development Text Editor You need to install a text editor. I recommend Atom: A good alternative to Atom is Sublime: (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 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:

Also a basic primer in colours:

This is a very very helpful Javascript creative coding primer:


You must be signed in to comment.

Emeka P June 6, 2017, 4:45 pm

This is 10:30am - 12:30pm, correct? Or? Thanks!!

George Gally June 7, 2017, 7:49 pm

woops. yes. this class is meant to be in the morning