CS111 Layered Learning Explorer

This page turns your CS111 rubric into a guided learning system with three layers: Category -> Lesson -> Topic. Reference source: assets/js/GameEnginev1/GameLevelAquaticGameLevel.js (used to map assets, flow, and code patterns 1:1).

CS111 Layered Explorer

Click any category, lesson, or topic and the explanation panel updates instantly.

Select a category, lesson, or topic

Choose any node from the left.

Build Steps will appear here.

Assets + related topics will appear here.

Lesson Runner

Greetings. I am ready to help you build the Aquatic level.

Status: idle

Aquatic Code Builder Engine

Drag blocks from the left into the workspace to build runnable code like a mini game engine editor.

Lesson Required Code Boxes

Select a lesson to load the topic-specific box list.

// Built code appears here.

Builder output appears here.

Clickable Rubric Rows

Objective	Click to Explain