Dino Discovery App

{"name":"Dino Discovery App","description":"Unleash your inner paleontologist with the Dino Discovery App! Explore fascinating facts about a variety of dinosaur species, navigate through a prehistoric landscape, and test your knowledge with interactive quizzes. Perfect for dinosaur enthusiasts of all ages, this app brings the world of dinosaurs to life right on your screen!","photo":null,"view_count":1,"fork_count":1,"expires_at":null,"created_at":"2025-10-28T15:37:30.732090Z","updated_at":"2025-10-28T15:37:30.732092Z","user_id":346,"status":"PRIVATE","parent_id":10324,"id":10328,"user":{"photo":null,"email":null,"recess_id":"e9bb4a6b-9622-45af-ae3d-f3340eb2d0bf","created_at":"2025-02-17T04:12:32.787941Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"SuperShark","id":346,"password_hash":null,"updated_at":"2025-02-17T04:12:32.787947Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let baryonyx;\n\nlet suchomimus;\n\nlet carcharodontosaurus;\n\nlet styracosaurus;\n\n\nlet dinosaurs = [];\n\nlet infoX = 50;\n\nlet infoY = 100;\n\nfunction preload() {\n baryonyx = loadImage(\"@asset('baryonyx')\"); // Load baryonyx image\n suchomimus = loadImage(\"@asset('suchomimus')\"); // Load suchomimus image\n carcharodontosaurus = loadImage(\"@asset('carcharodontosaurus')\"); // Load carcharodontosaurus image\n styracosaurus = loadImage(\"@asset('Styracosaurus')\"); // Load Styracosaurus image\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n\n // Create a dinosaur instance for Baryonyx\n dinosaurs.push(new Dinosaur(\n \"Baryonyx\",\n \"Fish and small dinosaurs\",\n \"Early Cretaceous period (about 130-125 million years ago)\",\n \"Discovered in England\",\n \"Baryonyx was a large predator that had a long, crocodile-like snout.\",\n baryonyx\n ));\n\n // Add the Suchomimus dinosaur instance\n dinosaurs.push(new Dinosaur(\n \"Suchomimus\",\n \"Fish and small dinosaurs\",\n \"Early Cretaceous period (about 125-112 million years ago)\",\n \"Discovered in Niger\",\n \"Suchomimus had a long snout and is known for its fish-catching skills.\",\n suchomimus\n ));\n\n // Add the carcharodontosaurus dinosaur instance\n dinosaurs.push(new Dinosaur(\n \"Carcharodontosaurus\",\n \"Large prey including other dinosaurs\",\n \"Late Cretaceous period (about 100-93 million years ago)\",\n \"Discovered in Africa\",\n \"Carcharodontosaurus was one of the largest carnivorous dinosaurs, known for its sharp teeth.\",\n carcharodontosaurus\n ));\n\n // Add the Styracosaurus dinosaur instance\n dinosaurs.push(new Dinosaur(\n \"Styracosaurus\",\n \"Herbivore (plants)\",\n \"Late Cretaceous period (about 75 million years ago)\",\n \"Discovered in North America\",\n \"Styracosaurus is known for its distinctive frill and horns.\",\n styracosaurus\n ));\n}\n\nfunction draw() {\n // Draw the dinosaur images\n image(baryonyx, 100, 100, 200, 200); // Position and size of the baryonyx image\n image(suchomimus, 350, 100, 200, 200); // Position and size of the suchomimus image\n image(carcharodontosaurus, 600, 100, 200, 200); // Position and size of the carcharodontosaurus image\n image(styracosaurus, 850, 100, 200, 200); // Position and size of the Styracosaurus image\n\n // Check for mouse click\n if (mouseIsPressed) {\n // Check if the click is within the baryonyx's image area\n if (mouseX > 100 && mouseX < 300 && mouseY > 100 && mouseY < 300) {\n displayDinosaurInfo(dinosaurs[0]); // Display info for baryonyx\n }\n // Check if the click is within the suchomimus's image area\n if (mouseX > 350 && mouseX < 550 && mouseY > 100 && mouseY < 300) {\n displayDinosaurInfo(dinosaurs[1]); // Display info for suchomimus\n }\n // Check if the click is within the carcharodontosaurus's image area\n if (mouseX > 600 && mouseX < 800 && mouseY > 100 && mouseY < 300) {\n displayDinosaurInfo(dinosaurs[2]); // Display info for carcharodontosaurus\n }\n // Check if the click is within the styracosaurus's image area\n if (mouseX > 850 && mouseX < 1050 && mouseY > 100 && mouseY < 300) {\n displayDinosaurInfo(dinosaurs[3]); // Display info for Styracosaurus\n }\n }\n}\n\nclass Dinosaur {\n constructor(name, diet, era, discoveryLocation, info, image) {\n this.name = name; // Name of the dinosaur\n this.diet = diet; // What the dinosaur ate\n this.era = era; // When they lived\n this.discoveryLocation = discoveryLocation; // Where they were discovered\n this.info = info; // General info about the dinosaur\n this.image = image; // Image of the dinosaur\n }\n}\n\nfunction displayDinosaurInfo(dino) {\n // Clear the previous text by redrawing the background\n background(135, 206, 235); // Sky blue background\n\n // Redraw the dinosaur images\n image(baryonyx, 100, 100, 200, 200);\n image(suchomimus, 350, 100, 200, 200);\n image(carcharodontosaurus, 600, 100, 200, 200);\n\n // Display the dinosaur information at the bottom of the canvas\n textSize(16);\n fill(0);\n\n // Set the base position for displaying info at the bottom of the canvas\n let baseY = height - 150; // Adjust this value to position the text higher or lower\n text(`Name: ${dino.name}`, infoX, baseY);\n text(`Diet: ${dino.diet}`, infoX, baseY + 30);\n text(`Era: ${dino.era}`, infoX, baseY + 60);\n text(`Discovery Location: ${dino.discoveryLocation}`, infoX, baseY + 90);\n text(`Info: ${dino.info}`, infoX, baseY + 120);\n}\n\n","style.css":"body {\r\n margin: 0;\r\n}\r\n\r\ncanvas {\r\n display: block;\r\n}","index.html":"\n\n\n\n \n \n Dino Discovery App\n \n \n \n \n\n\n\n \n\n\n"},"chat_history":[],"assets":[{"project_id":10328,"creator":null,"cloudinary_id":"edmqkar1gseullyilnpk","deleted":false,"id":87695,"created_at":"2025-10-28T15:37:30.737355Z","name":"carcharodontosaurus","resource_type":"image","tags":[]},{"project_id":10328,"creator":null,"cloudinary_id":"hzfe9cegpobfwmqkf23a","deleted":false,"id":87694,"created_at":"2025-10-28T15:37:30.737295Z","name":"suchomimus","resource_type":"image","tags":[]},{"project_id":10328,"creator":null,"cloudinary_id":"xzhsn10s6kzti6btmfh6","deleted":false,"id":87693,"created_at":"2025-10-28T15:37:30.737224Z","name":"baryonyx","resource_type":"image","tags":[]},{"project_id":10328,"creator":null,"cloudinary_id":"itwtzzkw7dvir9cyli4n","deleted":false,"id":87692,"created_at":"2025-10-28T15:37:30.737159Z","name":"Styracosaurus","resource_type":"image","tags":[]}],"messages_sent":0,"comments":[],"steps":[]}