YOUR GUIDE TO

Components on the JavaScript Canvas

And an introduction to events and functions

Welcome readers from ◎ Your Guide to Coding Creativity on the Canvas

Samples of components on the Canvas MultiTouch Synth Pad

In this guide we will show you how to use components like Buttons, Sliders and Dials (oh my!) on the canvas in JavaScipt as well as the programming basics of functions and events used by most programming languages.

If you have not read ◎ Your Guide to Coding Concepts with the Canvas then you should have a read there first. These guides are part of ◎ Your Guide to Coding Creativity on the Canvas.

Overview of Parts of Code

There are three main areas of code as listed below. We have already seen the first two in the last guide (see the note above). We will continue to use these parts but we will concentrate on events and functions in this guide.

1. SYNTAX
   keywords, statements, expressions, operators
2. OBJECT ORIENTED BASICS
   classes, objects, properties, methods, events
3. PROGRAMMING BASICS
   variables, functions, conditionals, loops, arrays, object literals

Once again, rather than break these down and explore each one, as many programming teaching resources will do, we are going to take a…