{"name":"Emoji Adventure Game","description":"Dive into the world of Emoji Adventure, where you control fun emoji characters on an exciting quest! Navigate challenges and collect points while enjoying a vibrant, interactive experience.","photo":null,"view_count":0,"fork_count":0,"expires_at":null,"created_at":"2024-09-18T18:49:28.055460Z","updated_at":"2024-09-18T18:49:28.055461Z","user_id":9,"status":"PRIVATE","parent_id":null,"id":3258,"user":{"photo":null,"email":null,"recess_id":"3f8e54bf-c664-e715-7a03-759308ca12b6","created_at":"2023-12-12T15:05:36.121931Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"matthew","id":9,"password_hash":null,"updated_at":"2023-12-12T15:05:36.121934Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let viruses = []; // Array to hold all virus objects\n\n// UI Elements\nlet sizeSlider, colorPicker, speedSlider, createBtn;\nlet sizeValueSpan, speedValueSpan;\n\nfunction setup() {\n // Create canvas and position it\n const canvas = createCanvas(800, 600);\n canvas.parent('game-container');\n\n // Initialize UI elements\n sizeSlider = select('#size');\n colorPicker = select('#\ncolor');\n speedSlider = select('#speed');\n createBtn = select('#createVirus');\n\n sizeValueSpan = select('#sizeValue');\n speedValueSpan = select('#speedValue');\n\n // Update displayed slider values\n sizeSlider.input(() => sizeValueSpan.html(sizeSlider.value()));\n speedSlider.input(() => speedValueSpan.html(speedSlider.value()));\n\n // Handle create button click\n createBtn.mousePressed(createVirus);\n}\n\nfunction draw() {\n background('#e0f7fa'); // Light blue background\n\n // Update and display all viruses\n for (let virus of viruses) {\n virus.move();\n virus.evolve();\n virus.display();\n }\n}\n\n// Virus Class\nclass Virus {\n constructor(x, y, size, color, speed) {\n this.x = x;\n this.y = y;\n this.size = size;\n this.color = color;\n this.speed = speed;\n // Random direction\n let angle = random(TWO_PI);\n this.vx = cos(angle) * this.speed;\n this.vy = sin(angle) * this.speed;\n this.growthRate = 0.02;\n this.replicationSize = 30; // Size at which virus replicates\n }\n\n move() {\n this.x += this.vx;\n this.y += this.vy;\n\n // Bounce off walls\n if (this.x < this.size this.x > width - this.size) this.vx *= -1;\n if (this.y < this.size this.y > height - this.size) this.vy = -1;\n }\n\n display() {\n noStroke();\n fill(this.color);\n ellipse(this.x, this.y, this.size 2, this.size * 2);\n\n // Optional: Draw nucleus or other features\n fill(0);\n ellipse(this.x, this.y, this.size, this.size);\n }\n\n evolve() {\n this.size += this.growthRate;\n if (this.size >= this.replicationSize) {\n this.replicate();\n this.size /= 2; // Split size after replication\n }\n }\n\n replicate() {\n let offspringSize = this.size / 2;\n let offspringColor = this.randomColorMutation(this.color);\n let offspringSpeed = this.speed + ra\nndom(-1, 1);\n offspringSpeed = constrain(offspringSpeed, 1, 10);\n\n // Slightly offset position to avoid overlap\n let offset = this.size + offspringSize + 2;\n let angle = random(TWO_PI);\n let newX = this.x + cos(angle) * offset;\n let newY = this.y + sin(angle) * offset;\n\n // Ensure new virus is within bounds\n newX = constrain(newX, offspringSize, width - offspringSize);\n newY = constrain(newY, offspringSize, height - offspringSize);\n\n let newVirus = new Virus(newX, newY, offspringSize, offspringColor, offspringSpeed);\n viruses.push(newVirus);\n }\n\n // Simple mutation: slightly change the color\n randomColorMutation(colorHex) {\n let c = color(colorHex);\n let r = red(c) + random(-10, 10);\n let g = green(c) + random(-10, 10);\n let b = blue(c) + random(-10, 10);\n r = constrain(r, 0, 255);\n g = constrain(g, 0, 255);\n b = constrain(b, 0, 255);\n return color(r, g, b);\n }\n}\n\n// Function to create a new virus based on user input\nfunction createVirus() {\n let size = parseInt(sizeSlider.value());\n let color = colorPicker.value();\n let speed = parseFloat(speedSlider.value());\n\n // Random starting position within canvas\n let x = random(size, width - size);\n let y = random(size, height - size);\n\n let newVirus = new Virus(x, y, size, color, speed);\n viruses.push(newVirus);\n}","style.css":"body {\n text-align: center;\n font-family: Arial, sans-serif;\n background-color: #f0f0f0;\n}\n\nh1 {\n margin-top: 20px;\n color: #333;\n}\n\n#game-container {\n position: relative;\n display: inline-block;\n}\n\n#controls {\n margin-top: 20px;\n display: inline-block;\n text-align: left;\n background-color: #fff;\n padding: 15px;\n border: 1px solid #ccc;\n border-radius: 8px;\n}\n\nlabel {\n display: inline-block;\n width: 60px;\n}\n\ninput[type=\"range\"] {\n width: 150px;\n}\n\nbutton {\n padding: 8px 16px;\n font-size: 16px;\n margin-top: 10px;\n cursor: pointer;\n}\n\ncanvas {\n border: 2px solid #000;\n background-color: #e0f7fa;\n border-radius: 8px;\n}","index.html":"\n\n\n \n Virus Evolution Game\n \n \n \n \n \n\n\n

Virus Evolution Game

\n \n \n

Create Your Virus

\n \n Size:\n 20 px

\n\n Color:\n

\n\n Speed:\n 2 px/frame

\n\n \n

\n\n \n \n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}