diff --git a/data/lessons.js b/data/lessons.js
new file mode 100644
index 0000000..819c24f
--- /dev/null
+++ b/data/lessons.js
@@ -0,0 +1,27 @@
+export const lessons = [
+ {
+ id: 'lesson1',
+ title: '1. Introduction to Python',
+ difficulty: 'easy',
+ content: `
+ Let's learn some Python..
+ We'll start with what's called a "Hello World" program to make sure everythings working.
+ In Python, this is done with the print function.
+
+ - In the code editor below, type
print("Hello World")
+ - Click the "Run" button to execute your code
+ - You should see "Hello World" printed in the output area
+
+ `,
+ doneCondition: (consoleText) => consoleText.includes("Hello World")
+ },
+ {
+ id: 'lesson2',
+ title: 'Using Interrupts',
+ difficulty: 'medium',
+ content: `
+ Interrupts allow your code to react to pin changes asynchronously.
+ More content here...
+ `
+ }
+];
diff --git a/data/lessons.json b/data/lessons.json
new file mode 100644
index 0000000..876afa6
--- /dev/null
+++ b/data/lessons.json
@@ -0,0 +1,10 @@
+[
+ {
+ "title": "Lesson 1",
+ "content": "Welcome to Python. We are going to learn how to use python to control robots, but we need some basics first.Let's start with the basics of Python programming. Python is a versatile language that is easy to learn and widely used in robotics.
"
+ },
+ {
+ "title": "Lesson 2",
+ "content": "Now let's learn about interrupts..."
+ }
+]
\ No newline at end of file
diff --git a/game.js b/game.js
index 9394bbe..6d02ef2 100644
--- a/game.js
+++ b/game.js
@@ -1,5 +1,86 @@
import { Robot } from "./robot.js";
import { GameWorld } from "./gameworld.js";
+import { lessons } from './data/lessons.js';
+
+
+let currentLesson = 0;
+
+async function loadLessons() {
+ const response = await fetch('data/lessons.json');
+ lessons = await response.json();
+ showLesson(0);
+}
+
+function showLesson(index) {
+ if (index < 0 || index >= lessons.length) return;
+ currentLesson = index;
+
+ const lesson = lessons[index];
+ document.getElementById('lesson-title').textContent = lesson.title;
+ document.getElementById('lesson-content').innerHTML = lesson.content;
+
+ document.getElementById('prev-lesson').disabled = index === 0;
+ document.getElementById('next-lesson').disabled = index === lessons.length - 1;
+
+ console.log(isLessonDone(lesson.id));
+ updateLessonStatus();
+}
+
+document.getElementById('prev-lesson').addEventListener('click', () => {
+ showLesson(currentLesson - 1);
+});
+document.getElementById('next-lesson').addEventListener('click', () => {
+ showLesson(currentLesson + 1);
+});
+
+function checkLessonDone(outputText) {
+
+ const lesson = lessons[currentLesson];
+ if (lesson.doneCondition && lesson.doneCondition(outputText)) {
+ markLessonDone(lesson.id);
+ }
+}
+
+function markLessonDone(lessonId) {
+ // Your logic here: e.g., store in localStorage or update UI
+ console.log(`Lesson ${lessonId} marked as done!`);
+ // For example:
+ localStorage.setItem(`lessonDone_${lessonId}`, 'true');
+ logToConsole("✅ Task Completed! ✅");
+ updateLessonStatus();
+}
+
+function updateLessonStatus() {
+ const statusEl = document.getElementById('lesson-status');
+ const lesson = lessons[currentLesson];
+ const done = isLessonDone(lesson.id); // your persistent check
+
+ if (done) {
+ statusEl.textContent = '✅';
+ } else {
+ statusEl.textContent = '';
+ }
+ document.getElementById('next-lesson').disabled = !done || currentLesson === lessons.length - 1;
+}
+
+
+function isLessonDone(lessonId) {
+ return localStorage.getItem(`lessonDone_${lessonId}`) === 'true';
+}
+
+function clearLessonProgress() {
+ Object.keys(localStorage).forEach(key => {
+ if (key.startsWith('lessonDone_')) {
+ localStorage.removeItem(key);
+ }
+ });
+ // Optionally update the UI after clearing
+ updateLessonStatus();
+}
+
+
+//clearLessonProgress(); // Clear progress on load for testing
+showLesson(0);
const consoleElement = document.getElementById("console");
const gameCanvas = document.getElementById("gameCanvas");
@@ -65,30 +146,32 @@ const maxLines = 64;
const logLines = [];
function logToConsole(text) {
- if (text.includes("Pyodide not initialized yet.")) return;
+ if (text.includes("Pyodide not initialized yet.")) return;
- const newLines = text.split('\n').map(line => line.trim()).filter(line => line !== "");
+ checkLessonDone(text);
- // Add new lines to the array
- logLines.push(...newLines);
+ const newLines = text.split('\n').map(line => line.trim()).filter(line => line !== "");
- // Keep only the last maxLines entries
- if (logLines.length > maxLines) {
- logLines.splice(0, logLines.length - maxLines);
- }
+ // Add new lines to the array
+ logLines.push(...newLines);
- // Clear console
- consoleElement.innerHTML = "";
+ // Keep only the last maxLines entries
+ if (logLines.length > maxLines) {
+ logLines.splice(0, logLines.length - maxLines);
+ }
- // Create and append separate divs for each line
- logLines.forEach(lineText => {
- const lineDiv = document.createElement('div');
- lineDiv.textContent = lineText;
- consoleElement.appendChild(lineDiv);
- });
+ // Clear console
+ consoleElement.innerHTML = "";
- // Scroll to bottom
- consoleElement.scrollTop = consoleElement.scrollHeight;
+ // Create and append separate divs for each line
+ logLines.forEach(lineText => {
+ const lineDiv = document.createElement('div');
+ lineDiv.textContent = lineText;
+ consoleElement.appendChild(lineDiv);
+ });
+
+ // Scroll to bottom
+ consoleElement.scrollTop = consoleElement.scrollHeight;
}
@@ -161,8 +244,8 @@ function gameLoop(timestamp) {
gameWorld.update();
gameWorld.draw(ctx);
- if (gameWorld.checkPlayerCompletedTask()){
- logToConsole("🏁 Task Completed! 🏁");
+ if (gameWorld.checkPlayerCompletedTask()) {
+ logToConsole("✅ Task Completed! ✅");
togglePause();
gameWorld.currentLevel++;
}
@@ -196,7 +279,7 @@ function updateSensorData() {
document.getElementById("compile-button").addEventListener("click", () => {
if (paused) return;
-
+
// Use the Monaco Editor instance to get the code
let code = monacoEditor.getValue(); // Get text from the editor
console.log(code);
diff --git a/index.html b/index.html
index 7043d91..7dc403a 100644
--- a/index.html
+++ b/index.html
@@ -10,185 +10,8 @@
-
+
@@ -199,20 +22,43 @@
Learn CircuitPython
Write code, simulate physics, and see instant output
-
-
-
-
-
+
+
+
+
Lesson Title
+
Lesson Content
+
+
+
+
+
+
+
+
+