Jelly Jungle: Become a 3D World Architect

What you will make

Original five-island starter inspired by the family Jelly Jungle astra-version project

• Distinguish creation assistance from runtime rules.
• Construct a world from shared coordinate data.
• Implement a spring with feedback.
• Verify recovery, collection, reachability, and graphics separately.

Settle in together

Laptop or desktop, keyboard, and a browser with WebGL. Internet is needed to load the 3D tools. A phone can read along; graphics support varies.

Allow about 10 minutes to get ready. Six missions in order. Try one or two 5–12 minute activities, take a break, and resume at the next activity. Plan several short sittings per mission; the full 75–90 minute lesson remains the detailed reference. End each sitting with a saved copy and one sentence: next time we will… Times are estimates awaiting family pilots.

• For ages 9–12, work beside a parent on a computer with a keyboard. A phone can read the guide and watch; use a computer for editing. Older learners may try the full lesson's stretch task after the core checks.
• Open the first mission's browser workspace and press Run before installing anything. No payment, child account, or AI key is needed for that introduction. If the runtime reports unavailable, keep your files, read its error, and use the course-specific fallback below with adult help.
• Before ANY local trace, model test or build, use this course’s full reference handoff: Save and Export backup, retain the JSON backup, extract the matching ZIP into a new folder, copy every current source file with transfer-workspace.mjs, and run verify-workspace.mjs with your actual edited value from that extracted folder. JSON is a source backup, not an executable ZIP; Import backup does not update disk files. Keep results beside the exact source version tested. If you skip transfer, label downloaded checks baseline-only.
• The browser introduction uses the real JavaScript/Three.js teaching world. It needs a WebGL-capable browser; no AI service runs the game. If the 3D runtime is unavailable, note the error and keep the route drawing while the parent prepares the download.
• For the downloaded /lab-starters/jelly-jungle-3d.zip, follow README.md: parent-prepared Node 20.19+ or 22.12+, npm install, npm test, npm run dev, then the localhost URL printed by Vite. Package installation needs internet. Double-clicking index.html does not resolve the modules. Use npm run build and npm run preview for the later built demo.
• Read model.js (ISLANDS, RULES, createState, step), main.js (controls, camera, drawing) and index.html (instructions). Keep style.css and tests/model.test.js with the project. All required art is made from shapes; no generated mesh or paid asset is needed.
• WASD/arrows move; Space gives up to three jumps before landing. P pauses and R restarts. Blue saves recovery; gold finishes only with all five unique crystals. Falling keeps crystals; Restart clears the run. The displayed checkpoint number is the saved index plus one.
• Keep the original starter unchanged as a reference. Export a working copy before a risky edit or reset. Work and the optional progress checklist stay on this device; an export is your portable backup. A checked box records your own report, not a verified assessment.
• Use invented names, notes and records. The parent handles accounts, optional AI and sharing. Predict together, let the child make one choice, change one thing, test it, then explain what happened. An assistant is optional; the supplied code and a partner work too.