Game Jam 06 Template

{"name":"Game Jam 06 Template","description":"Fork this Project!","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/mcomz7s6pfzfgj1sixq1","view_count":2,"fork_count":0,"expires_at":null,"created_at":"2024-12-21T16:17:41.867217Z","updated_at":"2024-12-21T16:17:41.867220Z","user_id":153,"status":"PRIVATE","parent_id":5028,"id":5261,"user":{"photo":null,"email":"andrei@erdani.com","recess_id":"7df146b1-7831-4ded-a18c-b3206fede167","created_at":"2024-07-20T15:08:02.107866Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"tornado","id":153,"password_hash":"$2b$12$ZLtvimou3TnRnB7DNghQJOgMcawpzD9F49JQJ3Jt13vJ1TWwTqIC2","updated_at":"2024-07-20T15:08:02.107868Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let player;\n\nlet velocity;\n\n//change this number for slower/faster speedup\nlet acceleration = 0.5;\n\n// change this number for more or less slidiness. Keep it under 1.0!\nlet friction = 0.98;\n\nlet pucks = [];\n\nlet trees = [];\n\nlet presents = [];\n\nlet trail = [];\n\nlet santaImage;\n\nlet treeImage;\n\nlet presentImage;\n\n//this will control sprite flipping\nlet lastDirection = 'right';\n\nlet presentCount = 0;\n\nlet jingleSound;\n\nlet jingleBellsSong;\n\nlet sleigh;\n\n\nfunction preload() {\n iceBackground = loadImage(\"@asset('iceBkg')\");\n santaImage = loadImage(\"@asset('santa')\");\n treeImage = loadImage(\"@asset('tree')\");\n presentImage = loadImage(\"@asset('present')\");\n jingleSound = loadSound(\"@asset('jingle')\");\n jingleBellsSong = loadSound(\"@asset('JingleBells')\");\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n image(iceBackground, 0, 0, width, height);\n player = new Player(width / 2, height / 2);\n sleigh = new Sleigh(width / 2, height / 4); // Initialize the sleigh\n\n const puckPositions = [\n { x: width / 4, y: height / 4, radius: 20, color: '#8B0000' },\n { x: (3 * width) / 4, y: height / 4, radius: 25, color: '#006400' },\n { x: width / 2, y: (3 * height) / 4, radius: 30, color: '#444444' }\n ];\n\n //make 3 hockey Pucks\n pucks = puckPositions.map(pos => new Puck(pos.x, pos.y, pos.radius, pos.color));\n\n // make 5 presents\n for (let i = 0; i < 5; i++) {\n presents.push(new Present(random(width), random(height))); // Create 5 presents\n }\n // make a tree\n trees.push(new Tree(50, height - 80));\n\n jingleBellsSong.setVolume(0.25);\n jingleBellsSong.loop();\n}\n\nfunction draw() {\n imageMode(CENTER);\n image(iceBackground, width / 2, height / 2, width, height);\n\n handlePlayer();\n handlePucks();\n handlePresents();\n handleTrees();\n\n sleigh.move();\n sleigh.update();\n sleigh.display();\n}\n\nclass Puck {\n constructor(x, y, radius, color) {\n this.position = createVector(x, y);\n this.velocity = createVector(0, 0);\n this.radius = radius;\n this.mass = radius; //bigger = heavier\n this.friction = friction;\n this.color = color;\n }\n\n update() {\n this.position.add(this.velocity);\n this.velocity.mult(this.friction);\n }\n\n display() {\n fill(this.color);\n noStroke();\n ellipse(this.position.x, this.position.y, this.radius * 2);\n }\n\n checkEdges() {\n if (this.position.x < this.radius) {\n this.position.x = this.radius;\n this.velocity.x *= -1;\n }\n if (this.position.y < this.radius) {\n this.position.y = this.radius;\n this.velocity.y *= -1;\n }\n if (this.position.x > width - this.radius) {\n this.position.x = width - this.radius;\n this.velocity.x *= -1;\n }\n if (this.position.y > height - this.radius) {\n this.position.y = height - this.radius;\n this.velocity.y *= -1;\n }\n }\n\n resolveCollision(other) {\n let dx = other.position.x - this.position.x;\n let dy = other.position.y - this.position.y;\n let distance = Math.sqrt(dx * dx + dy * dy);\n\n const separationDistance = 1; // Adjust this value to control how much separation is applied when they crash\n\n if (distance < this.radius + other.radius) {\n // Calculate normal and tangent vectors\n let nx = dx / distance;\n let ny = dy / distance;\n let tx = -ny;\n let ty = nx;\n\n let dpTan1 = this.velocity.x * tx + this.velocity.y * ty;\n let dpTan2 = other.velocity.x * tx + other.velocity.y * ty;\n\n let dpNorm1 = this.velocity.x * nx + this.velocity.y * ny;\n let dpNorm2 = other.velocity.x * nx + other.velocity.y * ny;\n\n // Adding a small bounce velocity when speeds are low\n const bounceFactor = 0.5; // Adjust this value to control bounce intensity\n if (Math.abs(dpNorm1) < 1 && dpNorm1 < 0) {\n dpNorm1 -= bounceFactor; // Induce a slight bounce\n }\n if (Math.abs(dpNorm2) < 1 && dpNorm2 < 0) {\n dpNorm2 -= bounceFactor; // Induce a slight bounce\n }\n\n let m1 = (dpNorm1 * (this.mass - other.mass) + 2 * other.mass * dpNorm2) / (this.mass + other.mass);\n let m2 = (dpNorm2 * (other.mass - this.mass) + 2 * this.mass * dpNorm1) / (this.mass + other.mass);\n\n // Update velocities\n this.velocity.x = tx * dpTan1 + nx * m1;\n this.velocity.y = ty * dpTan1 + ny * m1;\n\n other.velocity.x = tx * dpTan2 + nx * m2;\n other.velocity.y = ty * dpTan2 + ny * m2;\n\n // Apply separation distance to avoid getting stuck\n this.position.x -= nx * separationDistance; // Separate the player from the puck\n this.position.y -= ny * separationDistance; // Separate the player from the puck\n }\n }\n}\n\nclass Player {\n constructor(x, y) {\n this.position = createVector(x, y);\n this.velocity = createVector(0, 0);\n this.radius = 20;\n this.mass = 5;\n this.friction = friction;\n }\n\n update() {\n this.position.add(this.velocity);\n this.velocity.mult(this.friction);\n\n // Add current position to the trail with current time\n trail.push({ x: this.position.x, y: 18 + this.position.y, time: millis() });\n\n // Remove old positions from the trail\n trail = trail.filter(p => millis() - p.time < 5000); // Keep positions for 5 seconds\n }\n\n display() {\n // Display the trail as a smooth curve\n noFill();\n beginShape();\n for (let i = 0; i < trail.length; i++) {\n let alpha = map(millis() - trail[i].time, 0, 5000, 255, 0); // Fade out over 5 seconds\n stroke(255, alpha); // Set stroke color with fading alpha\n vertex(trail[i].x, trail[i].y); // Add vertex at each trail point\n }\n endShape();\n\n // Display the player\n push(); // Save the current drawing state\n translate(this.position.x, this.position.y); // Move to the player's position\n if (lastDirection === 'left') {\n scale(-1, 1); // Flip horizontally if last direction was left\n }\n image(santaImage, 0, 0, this.radius * 2, this.radius * 2); // Draw the Santa image\n pop(); // Restore the original drawing state\n }\n\n checkEdges() {\n if (this.position.x < this.radius) {\n this.position.x = this.radius;\n this.velocity.x = 0;\n }\n if (this.position.y < this.radius) {\n this.position.y = this.radius;\n this.velocity.y = 0;\n }\n if (this.position.x > width - this.radius) {\n this.position.x = width - this.radius;\n this.velocity.x = 0;\n }\n if (this.position.y > height - this.radius) {\n this.position.y = height - this.radius;\n this.velocity.y = 0;\n }\n }\n\n move() {\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) {\n this.velocity.x -= 0.2;\n lastDirection = 'left'; // Update direction\n }\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) {\n this.velocity.x += 0.2;\n lastDirection = 'right'; // Update direction\n }\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) {\n this.velocity.y -= 0.2;\n }\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) {\n this.velocity.y += 0.2;\n }\n }\n}\n\nclass Tree {\n constructor(x, y) {\n this.position = createVector(x, y);\n this.image = treeImage;\n this.width = 50;\n this.height = 100;\n this.collisionRadius = 20; // Collision circle radius\n }\n\n display() {\n image(this.image, this.position.x, this.position.y, this.width, this.height); // Draw the tree\n }\n\n checkCollision(player) {\n // Tree collision works as a small circle at the base of the tree.\n let circleX = this.position.x;\n let circleY = this.position.y + this.height / 2 - this.collisionRadius;\n\n let dx = player.position.x - circleX;\n let dy = player.position.y - circleY;\n let distance = Math.sqrt(dx * dx + dy * dy);\n\n // Check for collision with the 20px radius circle\n if (distance < player.radius + this.collisionRadius) {\n // Calculate normal vector\n let nx = dx / distance;\n let ny = dy / distance;\n\n // Position the player outside the collision circle\n let overlap = player.radius + this.collisionRadius - distance;\n player.position.x += nx * overlap;\n player.position.y += ny * overlap;\n\n // Reflect player's velocity\n player.velocity.x -= nx * player.velocity.x * 2; // Reverse velocity\n player.velocity.y -= ny * player.velocity.y * 2;\n\n // To limit the maximum speed after collision (so player doesn't fly off all crazy)\n const maxSpeed = 5; // Set a maximum speed\n let speed = player.velocity.mag(); // Get the current speed\n\n if (speed > maxSpeed) {\n // Normalize the velocity and set it to maxSpeed\n player.velocity.normalize(); // Normalize the vector\n player.velocity.mult(maxSpeed); // Scale it to maxSpeed\n }\n }\n }\n}\n\nclass Present {\n constructor(x, y) {\n this.position = createVector(x, y);\n this.size = 30;\n }\n\n display() {\n\n image(presentImage, this.position.x, this.position.y, this.size, this.size); // Draw the present using the asset\n }\n\n checkCollision(player) {\n let dx = player.position.x - this.position.x;\n let dy = player.position.y - this.position.y;\n let distance = Math.sqrt(dx * dx + dy * dy);\n\n // Did player touch present?\n if (distance < player.radius + this.size / 2) {\n return true; // Collision detected\n }\n return false; // No collision\n }\n}\n\nclass Sleigh {\n constructor(x, y) {\n this.position = createVector(x, y);\n this.velocity = createVector(0, 0);\n this.size = 40; // Size of the sleigh\n }\n\n update() {\n this.position.add(this.velocity);\n this.velocity.mult(friction); // Apply friction to slow down over time\n }\n\n display() {\n textSize(this.size);\n text('🛷', this.position.x, this.position.y); // Use an emoji to represent the sleigh\n }\n\n move() {\n if (keyIsDown(LEFT_ARROW)) {\n this.velocity.x -= 0.3;\n }\n if (keyIsDown(RIGHT_ARROW)) {\n this.velocity.x += 0.3;\n }\n if (keyIsDown(UP_ARROW)) {\n this.velocity.y -= 0.3;\n }\n if (keyIsDown(DOWN_ARROW)) {\n this.velocity.y += 0.3;\n }\n }\n}\n\nfunction keyPressed() {\n // This just turns off the default scrolling when you press arrows or space\n if (keyCode === UP_ARROW || keyCode === DOWN_ARROW || keyCode === LEFT_ARROW || keyCode === RIGHT_ARROW || key === ' ') {\n return false;\n }\n}\n\nfunction movePlayer() {\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) { // 'A' key\n velocity.x -= acceleration;\n }\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) { // 'D' key\n velocity.x += acceleration;\n }\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) { // 'W' key\n velocity.y -= acceleration;\n }\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) { // 'S' key\n velocity.y += acceleration;\n }\n}\n\nfunction handlePucks() {\n for (let i = 0; i < pucks.length; i++) {\n let puck = pucks[i];\n puck.update();\n puck.checkEdges();\n puck.display();\n puck.resolveCollision(player);\n\n // Check for collisions with other pucks\n for (let j = i + 1; j < pucks.length; j++) {\n puck.resolveCollision(pucks[j]);\n }\n }\n}\n\nfunction handleTrees() {\n for (let tree of trees) {\n tree.display();\n tree.checkCollision(player);\n }\n\n}\n\nfunction handlePlayer() {\n player.move();\n player.update();\n player.checkEdges();\n player.display();\n}\n\nfunction handlePresents() {\n for (let i = presents.length - 1; i >= 0; i--) {\n presents[i].display();\n\n // when player touches a present\n if (presents[i].checkCollision(player)) {\n presents.splice(i, 1); // Remove present from array\n presentCount++; // Increase present count\n jingleSound.play(); // Play the jingle sound\n }\n }\n\n // Display present count in the top left\n fill(200, 100, 0);\n textSize(24);\n text(`Presents: ${presentCount}`, 10, 30);\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n\n \n \n Game Jam 06 Template\n \n \n \n\n\n\n \n\n\n"},"chat_history":[{"message":"Let's get started!","project_id":5261,"created_at":"2024-12-21T16:19:17.947232Z","output_tokens":null,"sender":"human","code_id":194715,"deleted":0,"input_tokens":null,"id":97855},{"message":"Great! It looks like you have a project with a player, pucks, trees, and presents. Could you tell me a bit more about what you'd like to do with this project? Are you planning to build a game, an animation, or something else? Let me know so we can make it awesome!","project_id":5261,"created_at":"2024-12-21T16:19:17.954290Z","output_tokens":66,"sender":"ai","code_id":194715,"deleted":0,"input_tokens":5454,"id":97856},{"message":"add a one horse open sleigh","project_id":5261,"created_at":"2024-12-21T16:19:51.376240Z","output_tokens":null,"sender":"human","code_id":194715,"deleted":0,"input_tokens":null,"id":97857},{"message":"Adding a one horse open sleigh sounds like a fun idea! Let's integrate it into the project. We can create a new class for the sleigh and add it to your canvas. Before we start, could you let me know more about how you'd like the sleigh to interact in your project? Should it move, have any particular behavior when it collides with other objects, or something else?","project_id":5261,"created_at":"2024-12-21T16:19:51.382055Z","output_tokens":91,"sender":"ai","code_id":194715,"deleted":0,"input_tokens":5456,"id":97858},{"message":"it should be able to fly in the air","project_id":5261,"created_at":"2024-12-21T16:20:41.700343Z","output_tokens":null,"sender":"human","code_id":194715,"deleted":0,"input_tokens":null,"id":97859},{"message":"Great, let's create a sleigh that can fly in the air. We'll add a new class for the sleigh and allow it to move around the screen. You can control it using the keyboard. Let's start by creating the Sleigh class and integrating it into your project. \n\nI'll guide you through the steps to add this feature. \n\nFirst, we'll define a new class for the sleigh in your JavaScript code:\n\n```javascript\nclass Sleigh {\n constructor(x, y) {\n this.position = createVector(x, y);\n this.velocity = createVector(0, 0);\n this.size = 40; // Size of the sleigh\n }\n\n update() {\n this.position.add(this.velocity);\n this.velocity.mult(friction); // Apply friction to slow down over time\n }\n\n display() {\n textSize(this.size);\n text('🛷', this.position.x, this.position.y); // Use an emoji to represent the sleigh\n }\n\n move() {\n if (keyIsDown(LEFT_ARROW)) {\n this.velocity.x -= 0.3;\n }\n if (keyIsDown(RIGHT_ARROW)) {\n this.velocity.x += 0.3;\n }\n if (keyIsDown(UP_ARROW)) {\n this.velocity.y -= 0.3;\n }\n if (keyIsDown(DOWN_ARROW)) {\n this.velocity.y += 0.3;\n }\n }\n}\n```\n\nNow, let's add an instance of this Sleigh class to your project:\n\n```javascript\nlet sleigh; // Declare a global variable for the sleigh\n```\n\nIn the `setup` function, initialize the sleigh:\n\n```javascript\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n image(iceBackground, 0, 0, width, height);\n player = new Player(width / 2, height / 2);\n sleigh = new Sleigh(width / 2, height / 4); // Initialize the sleigh\n\n // ... existing code ...\n}\n```\n\nFinally, update the `draw` function to handle the sleigh:\n\n```javascript\nfunction draw() {\n imageMode(CENTER);\n image(iceBackground, width / 2, height / 2, width, height);\n\n handlePlayer();\n handlePucks();\n handlePresents();\n handleTrees();\n\n sleigh.move();\n sleigh.update();\n sleigh.display();\n}\n```\n\n- The `Sleigh` class has methods to update its position and display it as an emoji.\n- The `move` method allows the sleigh to move in four directions using the arrow keys.\n- The sleigh is displayed using an emoji, and you can control it with the keyboard.\n\nGo ahead and add these changes to your code! Let me know how it works or if you need any adjustments.","project_id":5261,"created_at":"2024-12-21T16:20:41.705881Z","output_tokens":594,"sender":"ai","code_id":194715,"deleted":0,"input_tokens":5458,"id":97860}],"assets":[{"project_id":5261,"creator":null,"cloudinary_id":"whseaidzmtz6ltm9lj8i","deleted":false,"id":55656,"created_at":"2024-12-21T16:17:41.894104Z","name":"iceBkg","resource_type":"image","tags":null},{"project_id":5261,"creator":null,"cloudinary_id":"mcomz7s6pfzfgj1sixq1","deleted":false,"id":55655,"created_at":"2024-12-21T16:17:41.891610Z","name":"santa","resource_type":"image","tags":null},{"project_id":5261,"creator":null,"cloudinary_id":"a5nucalqpsqvfeplx9qy","deleted":false,"id":55654,"created_at":"2024-12-21T16:17:41.889318Z","name":"tree","resource_type":"image","tags":null},{"project_id":5261,"creator":null,"cloudinary_id":"qb7u7clrvedrn8djf89m","deleted":false,"id":55653,"created_at":"2024-12-21T16:17:41.885668Z","name":"present","resource_type":"image","tags":null},{"project_id":5261,"creator":null,"cloudinary_id":"scl6e9kahkkbygpiq88y","deleted":false,"id":55652,"created_at":"2024-12-21T16:17:41.883803Z","name":"jingle","resource_type":"audio","tags":null},{"project_id":5261,"creator":null,"cloudinary_id":"wbvrl1nonidrgxjtd6e1","deleted":false,"id":55651,"created_at":"2024-12-21T16:17:41.874339Z","name":"JingleBells","resource_type":"audio","tags":null}],"messages_sent":3,"comments":[],"steps":[]}