Interactive Class Adventure

{"name":"ClassesVTT","description":"","photo":"","view_count":3,"fork_count":0,"expires_at":null,"created_at":"2025-08-06T08:53:49.640321Z","updated_at":"2025-08-06T08:53:49.640322Z","user_id":246,"status":"DELETED","parent_id":null,"id":3852,"user":{"photo":null,"email":"kristen@recess.gg","recess_id":"c4ad84f6-113d-480b-bc29-80549518b3ee","created_at":"2024-10-31T20:27:47.342142Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"chicothedog","id":246,"password_hash":"$2b$12$QgZsBBZ/7CFyOhVkfVhTNeoe4jAY.pIJOieTXeg0HWS23ZcCpiAeO","updated_at":"2024-10-31T20:27:47.342148Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let redGhost, yellowGhost;\n\n\n\n\n\nlet lastSpawnTime = 0;\n\n// Load images in the preload function\nfunction preload() {\n redGhost = loadImage(\"@asset('redGhost')\");\n yellowGhost = loadImage(\"@asset('yellowGhost')\");\n}\n\n\nlet enemy1;\nlet enemies = [];\n\nfunction setup() {\n createCanvas(800, 600);\n background(200);\n\n enemy1 = new Enemy(200, 300, 2, 'yellow');\n // Create three red ghosts\n for (let i = 0; i < 3; i++) {\n const redGhost = new Enemy(\n random(100, 700),\n random(100, 500),\n random(1, 3),\n\n 'red'\n );\n enemies.push(redGhost);\n }\n\n\n \n // Create two yellow ghosts\n for (let i = 0; i < 2; i++) {\n const yellowGhost = new Enemy(\n random(100, 700), // Random x position \n random(100, 500), // Random y position \n random(1, 3), //speed\n\n 'yellow'\n );\n enemies.push(yellowGhost);\n }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction draw() {\n background(100);\n\n enemy1.move();\n enemy1.display();\n\n // Update and display each enemy\n for (let enemy of enemies) {\n enemy.move();\n enemy.display();\n }\n\n}\n\n\n\n\n\nclass Enemy {\n constructor(x, y, speed, color) {\n this.x = x;\n this.y = y;\n this.speed = speed;\n this.color = color;\n\n this.direction = [0, 0];\n this.lastChangeTime = 0;\n this.changeInterval = 0;\n }\n\n display() {\n const ghostSize = 100;\n\n if (this.color === 'red') {\n image(redGhost, this.x, this.y, ghostSize, ghostSize);\n } else if (this.color === 'yellow') {\n image(yellowGhost, this.x, this.y, ghostSize, ghostSize);\n }\n }\n move() {\n let currentTime = millis();\n // If enough time has elapsed...\n if (currentTime - this.lastChangeTime > this.changeInterval) {\n // ... pick a new random direction to move in.\n this.direction = this.randomDirection();\n this.lastChangeTime = currentTime;\n this.changeInterval = this.randomChangeInterval();\n }\n // Move in the new direction by adding to x and y.\n this.x += this.direction[0] * this.speed;\n this.y += this.direction[1] * this.speed;\n\n // Bounce off the walls.\n const ghostSize = 100;\n if (this.x < 0 || this.x > width - ghostSize) {\n this.direction[0] *= -1; // Reverse horizontal direction\n }\n if (this.y < 0 || this.y > height - ghostSize) {\n this.direction[1] *= -1; // Reverse vertical direction\n }\n }\n randomDirection() {\n const directions = [\n [1, 0], // Right\n [-1, 0], // Left\n [0, 1], // Down\n [0, -1] // Up\n ];\n return directions[Math.floor(Math.random() * directions.length)];\n }\n randomChangeInterval() {\n return random(500, 2000); // Random interval between 0.5 and 2 seconds\n }\n\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction spawnGhost() {\n const randomColor = random(['red', 'yellow']); // Randomly choose a color\n const newGhost = new Enemy(\n random(100, 700), // Random x position\n random(100, 500), // Random y position\n random(1, 3), // Random speed\n randomColor // Random color\n );\n enemies.push(newGhost);\n}\n\n","style.css":"body { margin: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f0f0; }","index.html":"\n\n\n \n \n Interactive Class Adventure\n \n \n\n\n \n\n"},"chat_history":[],"assets":[{"project_id":3852,"creator":null,"cloudinary_id":"mqnwqy8p3m7whytlecga","deleted":false,"id":30765,"created_at":"2024-10-18T20:43:49.765879Z","name":"yellowGhost","resource_type":"image","tags":null},{"project_id":3852,"creator":null,"cloudinary_id":"zklb1c7pgiruo2gqjipy","deleted":false,"id":30764,"created_at":"2024-10-18T20:43:39.240549Z","name":"redGhost","resource_type":"image","tags":null}],"messages_sent":10,"comments":[],"steps":[]}