Crossy Road Clone

{"name":"Crossy Road Clone","description":"Embark on a thrilling journey with our Crossy Road Clone! Navigate your character across busy roads, bustling rivers, and treacherous train tracks. Avoid obstacles and try not to become a splat on the pavement. Challenge yourself to see how far you can go in this endless arcade adventure built with p5.js.","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2025-11-17T16:34:22.840629Z","updated_at":"2025-11-17T16:34:22.840631Z","user_id":839,"status":"PRIVATE","parent_id":null,"id":10611,"user":{"photo":null,"email":"lvic_stu28@sdcoestudents.net","recess_id":null,"created_at":"2025-10-13T17:35:21.906801Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"lvic_stu28","id":839,"password_hash":"$2b$12$zH3KWgTv93IwGrROZx5tCO422dJWsTdM3EdYguX1bNE06wchb9Spu","updated_at":"2025-10-13T17:35:21.906807Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":" createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n}\n\nfunction draw() {\n // Game logic will go here\n}// script.js\nlet chicken;\nlet cars = []; // Array to hold car objects\nlet chickenSize = 50; // Size of the chicken\nlet carSize = 50; // Size of the car\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n chicken = new Chicken(width / 2, height - chickenSize); // Start the chicken at the bottom center\n\n // Create cars at random intervals\n setInterval(() => {\n cars.push(new Car(random(width), random(height / 2))); // Random position for cars\n }, 1000); // Add a new car every second\n}\n\nfunction draw() {\n background(135, 206, 235); // Reset background each frame\n chicken.display(); // Display the chicken\n chicken.move(); // Update chicken position\n\n // Display and update cars\n for (let car of cars) {\n car.display();\n car.move();\n\n // Check for collision\n if (collides(chicken, car)) {\n alert(\"The chicken has been hit! Game Over!\"); // Notify the player\n noLoop(); // Stop the draw loop\n }\n }\n}\n\n// Chicken class to handle its properties and movement\nclass Chicken {\n constructor(x, y) {\n this.x = x; // X position\n this.y = y; // Y position\n }\n\n display() {\n textSize(chickenSize);\n text(\"🐔\", this.x, this.y); // Draw the chicken emoji\n }\n\n move() {\n if (keyIsDown(LEFT_ARROW)) {\n this.x -= 5; // Move left\n }\n if (keyIsDown(RIGHT_ARROW)) {\n this.x += 5; // Move right\n }\n if (keyIsDown(UP_ARROW)) {\n this.y -= 5; // Move up\n }\n if (keyIsDown(DOWN_ARROW)) {\n this.y += 5; // Move down\n }\n\n // Keep the chicken within the canvas boundaries\n this.x = constrain(this.x, 0, width);\n this.y = constrain(this.y, 0, height);\n }\n}\n\n// Car class to handle its properties and movement\nclass Car {\n constructor(x, y) {\n this.x = x; // X position\n this.y = y; // Y position\n this.speed = random(2, 5); // Random speed for the car\n }\n\n display() {\n textSize(carSize);\n text(\"🏎\", this.x, this.y); // Draw the car emoji\n }\n\n move() {\n this.x -= this.speed; // Move the car to the left\n if (this.x < 0) {\n this.x = width; // Reset car position if it goes off screen\n this.y = random(height / 2); // Randomize y position\n }\n }\n}\n\n// Function to check for collision between chicken and car\nfunction collides(chicken, car) {\n return (\n chicken.x < car.x + carSize &&\n chicken.x + chickenSize > car.x &&\n chicken.y < car.y + carSize &&\n chicken.y + chickenSize > car.y\n );\n}\nCopy\nHint\nInsert\n\nchicken;\nlet cars = []; // Array to hold car objects\nlet chickenSize = 50; // Size of the chicken\nlet carSize = 50; // Size of the car\nlet lanes = [100, 200, 300, 400]; // Define y-coordinates for lanes\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n chicken = new Chicken(width / 2, height - chickenSize); // Start the chicken at the bottom center\n\n // Create cars at random intervals\n setInterval(() => {\n let lane = random(lanes); // Choose a random lane for the car\n cars.push(new Car(random(width), lane)); // Random x position, fixed y position\n }, 1000); // Add a new car every second\n}\n\nfunction draw() {\n background(135, 206, 235); // Reset background each frame\n chicken.display(); // Display the chicken\n chicken.move(); // Update chicken position\n\n // Display and update cars\n for (let car of cars) {\n car.display();\n car.move();\n\n // Check for collision\n if (collides(chicken, car)) {\n alert(\"The chicken has been hit! Game Over!\"); // Notify the player\n noLoop(); // Stop the draw loop\n }\n }\n}\n\n// Chicken class to handle its properties and movement\nclass Chicken {\n constructor(x, y) {\n this.x = x; // X position\n this.y = y; // Y position\n }\n\n display() {\n textSize(chickenSize);\n text(\"🐔\", this.x, this.y); // Draw the chicken emoji\n }\n\n move() {\n if (keyIsDown(LEFT_ARROW)) {\n this.x -= 5; // Move left\n }\n if (keyIsDown(RIGHT_ARROW)) {\n this.x += 5; // Move right\n }\n if (keyIsDown(UP_ARROW)) {\n this.y -= 5; // Move up\n }\n if (keyIsDown(DOWN_ARROW)) {\n this.y += 5; // Move down\n }\n\n // Keep the chicken within the canvas boundaries\n this.x = constrain(this.x, 0, width);\n this.y = constrain(this.y, 0, height);\n }\n}\n\n// Car class to handle its properties and movement\nclass Car {\n constructor(x, y) {\n this.x = x; // X position\n this.y = y; // Y position\n this.speed = random(2, 5); // Random speed for the car\n }\n\n display() {\n textSize(carSize);\n text(\"🏎\", this.x, this.y); // Draw the car emoji\n }\n\n move() {\n this.x -= this.speed; // Move the car to the left\n if (this.x < 0) {\n this.x = width; // Reset car position if it goes off screen\n this.y = random(lanes); // Randomize y position to one of the lanes\n }\n }\n}\n\n// Function to check for collision between chicken and car\nfunction collides(chicken, car) {\n return (\n chicken.x < car.x + carSize &&\n chicken.x + chickenSize > car.x &&\n chicken.y < car.y + carSize &&\n chicken.y + chickenSize > car.y\n );\n}\nlet cars = []; // Array to hold car objects\n\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Crossy Road Clone\n \n \n \n \n\n\n \n\n"},"chat_history":[{"message":"crossy road","project_id":10611,"created_at":"2025-11-17T16:34:22.857406Z","output_tokens":null,"sender":"human","code_id":295058,"deleted":0,"input_tokens":null,"id":180939},{"message":"","project_id":10611,"created_at":"2025-11-17T16:34:39.958388Z","output_tokens":null,"sender":"client_script","code_id":295059,"deleted":0,"input_tokens":null,"id":180942}],"assets":[],"messages_sent":1,"comments":[],"steps":[]}