Anyone interested in bringing AI into coding classes in secondary and third-level education.

This talk is mainly about coding for AI APIs.
We have some discussion on coding local AI also.

1. Users can view collections of programs written by other users.
2. Users can run these programs without any install.
3. Users can run untrusted code securely.
4. Users can edit their programs without any install.
5. By default other users can view source code of programs.
6. By default other users can clone your program and edit their copy.
7. Programs can do advanced graphics.
8. System should scale to large number of users and programs.

1. Programs (called "Worlds") are stored on server. Users browse lists of what programs exist.
2. Code is in JavaScript. Users can run it without any install.
3. Users can run untrusted JavaScript securely, because the JavaScript security model is mature.
4. Users can edit code inside browser with no install. (Uses a JavaScript library.)
5. Users can "view source" to view any JavaScript delivered to the client side.
6. Users can clone programs.
7. JavaScript graphics libraries such as Three.js and P5 enable advanced 3D and 2D graphics, all on client side.
8. Code runs on the client side, so the system scales well.

1. Editor. Error checking. Intelligent code help.

2. 2D and 3D graphics. Three.js, P5, Phaser, raw WebGL.

3. Text-only Worlds. (Regular web pages with HTML.)

4. Upload images, textures, music, sound effects, JavaScript libraries, JSON data files and 3D models to use in Worlds.

1. Mouse re-definition. Mouse drag and click can call your code.

2. Mobile. Touch tap and drag. Students show off work to parents on their mobile.

3. 3D models (e.g. houses, people) can be uploaded and used in Worlds.

4. Physics with gravity, momentum, etc.

5. Websockets support. Coders can create multi-user Web games and real-time chat Worlds.

6. File system. Read and write to server.

7. Internet calls. Call remote APIs. Get remote data.

1. Search engine. Code search.

2. Can obfuscate JavaScript.
   Others can see your World exists, but source code is hard to find, and when found it is obfuscated.

3. Can set "hidden URL".
   Others cannot see your World exists.

4. "Teacher" and "Student" Worlds.
   Student Worlds hidden from everyone except teacher.
   Teacher can see them and run them.
   Teacher can run untrusted code.

5. Teacher can edit student code.
   Bug-fix student code. Insert console.log.

• 173 students
• Undergrad and postgrad Comp.Sci. students.
• Most students had little or no JavaScript experience, and no API coding experience.
• Task: Write JavaScript Worlds on Ancient Brain to call AI APIs of their choice.

• No server crashes.
• No client compatibility issues. Many clients.
• No memory or storage issues on client or server.
• In a 5 week period, the students submitted 211 JavaScript Worlds for marking.
• They picked 39 different APIs. See paper for list.

• Generates an illustrated story book using prompting.
• Calls GPT API for text and DALL-E API for images.

• Need to enter your own OpenAI API key.
• User enters some prompts and GPT constructs story. The World calls DALL-E with story to get images.
• You can go back and forward, and the text and images are still there.
• Created by student. Can run, view source, copy and edit.

• 3D museum of significant landmarks in given country.
• Three.js 3D World with mouse and WASD camera control.
• Enter country. Calls OpenAI GPT API. Displays text on walls inside World.
• Calls Google Image Search API to get images. Uses CORS proxy corsproxy.io to display remote images on walls.

• Created by student. Can view source, copy and edit.
• Because of API key handling, to run this:
  1. Clone and Edit.
  2. Insert your OpenAI API key in code.
  3. Make it "Hidden URL".

• API keys.

• API response delays.

• CORS or normal (non-CORS) return data.
  Can solve with CORS proxy.
  See CORS image demo

• The site:
  Many coding sites. Various combinations of features.
  Nothing with exact combination of features above.
  See paper for comparisons.

• The API Worlds collection:
  Seems to be just about the only large open source, runnable, collection of AI API programs in JavaScript.
  See paper for surveys.

Future Work: Write exercises for students to clone and modify these API Worlds.

1. Clone. Edit.
2. Make changes (like change learning rate, population size, number of nodes).
3. Run. Explain why different.