Ancient Brain Starter Tutorial (Three.js)
This tutorial shows you how to get started on Ancient Brain (Three.js version).
To be precise, this shows how to start coding on Ancient Brain
using the Three.js library for the graphics.
(You can use other libraries for graphics, notably P5.)
On Ancient Brain, you can edit and run programs in the browser, with no install.
You have to register and get a username
if you want to save your creations.
This tutorial will show you how to copy and edit a simple "World" called "One Cube World".
(Click on a World image to run it.)
You will soon be able to make many variants of this World, such as "Lamborghini cube". You can mouse drag (or touch drag) the camera in these Worlds.
- Register and login
- Run the Starter World
- Clone the Starter World
- Edit your World
- First look at the code
- Change some code
- Program structure
- Paint the cube
- Upload your own image
- Make the object move
- Add music
- Clone and edit other Three.js Worlds
- This tutorial does not assume you have ever done any computer programming (or "coding") before.
- This is not a full course in programming.
For that see the Introduction to Programming course.
- Rather, this explains how to use Ancient Brain.
As such, it serves as a gentle introduction to the idea of coding itself.
Enough talk. Let's start the tutorial!