GeoGuessr Lite

{"name":"GeoGuessr Lite","description":"Explore the world from your browser in GeoGuessr Lite! Guess the location of random street view images and challenge your geography knowledge.","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-05-31T21:36:16.858975Z","updated_at":"2024-05-31T21:36:16.858976Z","user_id":97,"status":"PRIVATE","parent_id":null,"id":1701,"user":{"photo":null,"email":"leobm365@gmail.com","recess_id":"e4690172-2707-46c3-8bcb-1a2b76e418e9","created_at":"2024-05-02T18:14:08.971561Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"super_kamin","id":97,"password_hash":"$2b$12$PMJB58N8WLDuLopyknSp6.czfqNoUg9tTH9bQqK.0xzUbXRKoCWEW","updated_at":"2024-05-02T18:14:08.971564Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let images = [];\nlet currentImage;\n\nfunction preload() {\n images.push(loadImage('@asset(\"landscape1\")'));\n images.push(loadImage('@asset(\"city1\")'));\n images.push(loadImage('@asset(\"landmark1\")'));\n // Add more images as needed\n}\n\nfunction setup() {\n createCanvas(400, 400);\n background(220);\n selectRandomImage();\n image(currentImage, 0, 0, width, height); // Display the selected image\n}\n\nfunction selectRandomImage() {\n let index = floor(random(images.length));\n currentImage = images[index];\n}","style.css":"","index.html":"\n\n\n \n \n GeoGuessr Lite\n \n\n\n \n \n\n"},"chat_history":[{"project_id":1701,"sender":"human","message":"Let's get started!","deleted":0,"created_at":"2024-05-31T21:36:38.446631Z","output_tokens":null,"code_id":94777,"input_tokens":null,"id":48477},{"project_id":1701,"sender":"ai","message":"Sure, let's start by adding functionality to include landscapes, city streets, and famous landmarks in the game. We'll need a way to load and display these images, as well as manage the game state.\n\nWe'll start by creating a list of images and a function to randomly select one of them for display.\n\n```javascript\nlet images = [];\nlet currentImage;\n\nfunction preload() {\n images.push(loadImage('@asset(\"landscape1\")'));\n images.push(loadImage('@asset(\"city1\")'));\n images.push(loadImage('@asset(\"landmark1\")'));\n // Add more images as needed\n}\n\nfunction setup() {\n createCanvas(400, 400);\n background(220);\n selectRandomImage();\n image(currentImage, 0, 0, width, height); // Display the selected image\n}\n\nfunction selectRandomImage() {\n let index = floor(random(images.length));\n currentImage = images[index];\n}\n```\n\n**Explanation:**\n1. **preload function:** Loads the images before the program starts. Replace \"landscape1\", \"city1\", and \"landmark1\" with your actual asset names.\n2. **setup function:** Initializes the canvas and selects a random image to display.\n3. **selectRandomImage function:** Randomly selects an image from the list and sets it as the current image.\n\nThis code will display a random image on the canvas each time the game is loaded. Let me know if you need further customization or additional features!","deleted":0,"created_at":"2024-05-31T21:36:38.453456Z","output_tokens":null,"code_id":94777,"input_tokens":null,"id":48478}],"assets":[],"messages_sent":1,"comments":[],"steps":[{"instruction":"Include landscapes, city streets, and famous landmarks in the game.","title":"Display various types of images","created_at":"2024-05-31T21:36:16.867302","project_id":1701,"complete":false,"step_number":0,"updated_at":"2024-05-31T21:36:16.867304","id":9347},{"instruction":"Provide immediate feedback on the accuracy of the player's guess, including the actual location and the distance of the guess from the actual location.","title":"Feedback on correctness of guess","created_at":"2024-05-31T21:36:16.867370","project_id":1701,"complete":false,"step_number":1,"updated_at":"2024-05-31T21:36:16.867371","id":9348}]}