Ancient Brain
Code. Play. Teach. Learn. Research. Demo.

Getting started

Here is a guide to getting started running Worlds and coding on Ancient Brain.

We have a text Introduction to the site.
And we have the following video introduction.
This video does not assume you have ever coded, or ever heard of JavaScript (what is behind this site).
See also:

You can "run" any World by clicking on it. No install needed.
Try running some of the Editor's Choice Worlds.

There are currently 11,609 Worlds on this site.
Here are a few random choice Worlds to try (reload for more):


Plain canvas web...
76 runs ♦ 0 likes
By Starter user  
Created: 1 Sep 2018
Modified: 17 Sep 2023
Example of porting webgl World (almost) unchanged to AB using plain canvas API
Voice Controlled...
126 runs ♦ 0 likes
By Kevin  
Created: 3 Dec 2023
Modified: 2 Feb 2024
Calls OpenAI speech to text API using Whisper model: https://platform.openai.com/docs/guides/spe...
Plain canvas web...
95 runs ♦ 0 likes
By Starter user  
Created: 1 Sep 2018
Modified: 13 Nov 2023
Example of porting webgl World (almost) unchanged to AB using plain canvas API
Tutorial 7.8 variant
380 runs ♦ 0 likes
By "Coding Train" p...  
Created: 6 Sep 2018
Modified: 17 Sep 2023
Tutorial 7.8 with music and other uploaded images, including from other users. Click on the images.

OK you are ready to code. All Worlds are coded in the JavaScript (JS) language. We use a JavaScript graphics "library" to help us code the 2D and 3D graphics.

We use two main graphics libraries: "P5" and "Three.js".

As a result we have two "starter tutorials", one for each library. So pick one. Don't worry, you can look at the other one later. If you do not know which to pick, pick P5.

 
 

If you want to know more about the two libraries

  • The P5 library has pluses and minuses:
    • It is easier to get into if you are a beginner coder.
    • It has features that may annoy non-beginners (global namespace taken up, timing loop controlled for you).
    • It is harder to do advanced graphics.
    • There are a number of P5 teaching courses on this site.

  • The Three.js library has pluses and minuses:
    • It is more intimidating for a beginner coder.
    • It is well suited to non-beginners.
    • It is designed for advanced graphics. Almost all the advanced graphics Worlds on this site are Three.js.
    • There is currently no Three.js teaching course here.

Having picked your graphics library, do the starter tutorial.

Using P5:

P5 Starter tutorial

Or using Three.js:

Three.js Starter tutorial

When coding, the Docs menu has all the help and reference that you need:

Docs
One Cube World (P5)
2292 runs ♦ 1 like
By Starter user  
Created: 10 Nov 2018
Modified: 17 Sep 2023
Simple starter World (P5 version). No camera control. So cube rotates to show 3D.
One Cube World (...
1217 runs ♦ 2 likes
By Starter user  
Created: 11 Apr 2018
Modified: 17 Sep 2023
Simple starter World (Three.js version). Built-in camera control.
  • Once you have seen how to code on Ancient Brain, the easiest way to progress is to start modifying existing Worlds.
  • Pick one of the Starter Worlds. "Clone" it, and edit your copy.
  • The easiest parts of the code to change are in the "tweaker's box" at the top.
Blank Three.js World
1747 runs ♦ 2 likes
By Starter user  
Created: 20 Nov 2016
Modified: 17 Sep 2023
A simple starter World. An Array of spheres. Painted with textures. Random motion.
MineCraft
1146 runs ♦ 2 likes
By Starter user  
Created: 27 Nov 2016
Modified: 17 Sep 2023
Use keyboard to draw blocks like in MineCraft. Use arrow keys and PgUp, PgDn to draw. Can save w...
Complex World
8327 runs ♦ 5 likes
By Starter user  
Created: 1 Oct 2016
Modified: 17 Sep 2023
World with a Mind-controlled agent, actively-pursuing enemy, random maze, skybox, music.
Simple World
1717 runs ♦ 2 likes
By Starter user  
Created: 1 Oct 2016
Modified: 17 Sep 2023
Simple World with a Mind-controlled agent, randomly-moving enemy, paint blocks with texture.
There are a number of coding courses and exercises on this site that you can do:
  • Introduction to Programming. This is a proper Introduction to Programming course, with videos, using JavaScript and P5. This does not assume you have ever written a program.

  • Introduction to Programming: Part Two.

  • Alternative JavaScript course for kids. This is an alternative introduction to programming, with kid-friendly language. This does not assume you have ever written a program.

  • WebGL course. This is a course in JavaScript 3D graphics ("WebGL") programming, using P5.

  • AI exercises. This does not have a full set of notes explaining AI theory. You will need to get that somewhere else. Rather this is a series of online AI programming exercises, with problems for students to solve. All code is in JavaScript using P5.


As well as courses, there are accounts with certain collections of Worlds:

P5 Editor porting project  
Port to Ancient Brain of P5 Editor built-in sketches. Source: editor.p5js.org/p5/sketches. Port ...

threejs.org porting project  
Project to port threejs.org examples. All credit to: https://github.com/mrdoob/three.js/tree/mas...

"Coding Train" project  
Project to port JS Worlds from The Coding Train to Ancient Brain.

"3D Game Programming for K...  
Proposed project to port code from the book "3D Game Programming for Kids" by Chris Strom. Await...

Discover three.js  
Project to port code from "Discover three.js" book and site by Lewy Blue. Done with permission o...

As you keep learning, here are some examples of what you can build on this site. Build something beautiful!
Pacman In Space
1716 runs ♦ 0 likes
By Simon Lowry  
Created: 16 Nov 2016
Modified: 17 Sep 2023
Scrolling background
190 runs ♦ 0 likes
By Enhanced  
Created: 1 Aug 2018
Modified: 17 Sep 2023
here is explained and commented a way to code a scrolling background with three.js
Game of Crowns
2360 runs ♦ 2 likes
By Niamh Byrne  
Created: 16 Nov 2016
Modified: 17 Sep 2023
Design Your Own ...
4420 runs ♦ 0 likes
By Jack O'Connor  
Created: 18 Feb 2019
Modified: 17 Sep 2023
Design Your Own Room Escape Game
Breadth-first se...
3376 runs ♦ 0 likes
By "Coding Train" p...  
Created: 30 Apr 2019
Modified: 17 Sep 2023
Breadth-first search with a Force-directed graph.
Translation
286 runs ♦ 0 likes
By Renso Guilalas  
Created: 18 Nov 2023
Modified: 5 Feb 2024
Websockets World where two users in different languages can talk to each other and system transl...
DeepAI "Hello World"
33 runs ♦ 0 likes
By Evans Kipchaui  
Created: 26 Nov 2023
Modified: 11 Sep 2024
"Hello World" call to DeepAI Text Generator: https://deepai.org/chat/text-generator. Need to ent...
smooth movement
387 runs ♦ 0 likes
By Mark Humphrys  
Created: 6 Sep 2017
Modified: 11 Sep 2024
this may work on touch