Tutorial: Making interactive CPMs in the browser with Artistoo

Welcome to this tutorial on artistoo.net! We will walk through a number of examples to learn how you can build CPMs in Artistoo, make them interactive, and customize your code. You will encounter both (some) HTML and JavaScript but no prior knowledge is required.

System requirements

You will need:

• a web browser (Chrome is recommended)
• any text editor
• the contents of this folder

Resources

There are two ways to work with Artistoo. One of them is covered in the online manual which you can find here. This tutorial focuses on the second method, which is more flexible.

Other resources that may come in handy in this tutorial:

• Artistoo API: See more about available models, constraints, parameters and methods. These pages document the API but also link to the corresponding source code.
• Artistoo examples : click on one of the examples to open the simulation. Right click on the page and ``view page source'' to see the code, or ``inspect'' to see the console output (you should be able to select a tab called ``console'' in the window opened by ``inspect''). It should work similar in different browsers but may be called slightly different.
• Tips and tricks (see navbar left). You don't have to read this to get started but can use it as a resource on the way.

To get started, click "Next" in the top right.