Game Jam 06 Template

{"name":"Game Jam 06 Template","description":"Fork this Project!","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/mcomz7s6pfzfgj1sixq1","view_count":0,"fork_count":0,"expires_at":null,"created_at":"2024-12-16T20:11:08.694198Z","updated_at":"2024-12-16T20:11:08.694200Z","user_id":5,"status":"PRIVATE","parent_id":5028,"id":5077,"user":{"photo":null,"email":null,"recess_id":"b5574579-4904-b775-ad8e-eff5c085f819","created_at":"2023-12-12T12:00:51.087995Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","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\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\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}\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}\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\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":[],"assets":[{"cloudinary_id":"whseaidzmtz6ltm9lj8i","name":"iceBkg","deleted":false,"id":53269,"created_at":"2024-12-16T20:11:08.713475Z","project_id":5077,"resource_type":"image"},{"cloudinary_id":"mcomz7s6pfzfgj1sixq1","name":"santa","deleted":false,"id":53268,"created_at":"2024-12-16T20:11:08.711018Z","project_id":5077,"resource_type":"image"},{"cloudinary_id":"a5nucalqpsqvfeplx9qy","name":"tree","deleted":false,"id":53267,"created_at":"2024-12-16T20:11:08.709213Z","project_id":5077,"resource_type":"image"},{"cloudinary_id":"qb7u7clrvedrn8djf89m","name":"present","deleted":false,"id":53266,"created_at":"2024-12-16T20:11:08.706142Z","project_id":5077,"resource_type":"image"},{"cloudinary_id":"scl6e9kahkkbygpiq88y","name":"jingle","deleted":false,"id":53265,"created_at":"2024-12-16T20:11:08.704341Z","project_id":5077,"resource_type":"video"},{"cloudinary_id":"wbvrl1nonidrgxjtd6e1","name":"JingleBells","deleted":false,"id":53264,"created_at":"2024-12-16T20:11:08.702396Z","project_id":5077,"resource_type":"video"}],"messages_sent":0,"comments":[],"steps":[]}