Swimming Turtle Adventure

{"name":"Swimming Turtle Adventure BACKUP","description":"Join the swimming turtle in an underwater adventure! Help the turtle navigate through the ocean and avoid obstacles in this fun and interactive game.","photo":null,"view_count":5,"fork_count":0,"expires_at":null,"created_at":"2024-02-07T00:29:27.785144Z","updated_at":"2024-02-07T00:29:36.512954Z","user_id":28,"status":"PUBLIC","parent_id":563,"id":565,"user":{"photo":null,"email":null,"recess_id":"","created_at":"2023-12-21T15:44:32.712231Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"oldj","id":28,"password_hash":null,"updated_at":"2023-12-21T15:44:32.712233Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let x, y, direction;\n\nlet path = [];\nlet showPath = true;\nlet maxPathLength = 250;\n\nlet edgeBehavior = 'AROUND'\n\nlet rock = {\n x: 300,\n y: 300,\n width: 30,\n height: 50,\n dragging: false, // True if the rock is currently being dragged\n offsetX: 0, // Horizontal offset between the mouse and the rock's center when dragging starts\n offsetY: 0 // Vertical offset between the mouse and the rock's center when dragging starts\n};\n\nlet rock2 = {\n x: 100,\n y: 100,\n width: 40,\n height: 40,\n dragging: false,\n offsetX: 0,\n offsetY: 0\n};\n\nfunction setup() {\n let canvas = createCanvas(400, 400);\n canvas.parent('game-container');\n background(0, 119, 190);\n\n x = width / 2;\n y = height / 2;\n direction = 90;\n speed = 2;\n}\n\nfunction draw() {\n background(0, 119, 190); // Refresh the background each frame\n\n //drawGameArea();\n\n if (rock.dragging) {\n rock.x = mouseX - rock.offsetX;\n rock.y = mouseY - rock.offsetY;\n }\n\n if (rock2.dragging) {\n rock2.x = mouseX - rock2.offsetX;\n rock2.y = mouseY - rock2.offsetY;\n }\n\n\n moveTurtle(edgeBehavior);\n\n drawTurtle(x, y, direction, 'green'); // Draw the turtle\n\n\n // Check if the turtle is colliding with a rock, if so rotate\n if (isColliding(x, y, rock.x, rock.y, rock.width, rock.height)) {\n if (millis() - hitEdgeAt > 500) {\n hitEdgeAt = millis();\n switch (edgeBehavior) {\n case 'LEFT':\n direction = (direction + 270) % 360;\n break;\n case 'RIGHT':\n direction = (direction + 90) % 360;\n break;\n case 'AROUND':\n default:\n direction = (direction + 180) % 360;\n }\n }\n }\n if (isColliding(x, y, rock2.x, rock2.y, rock2.width, rock2.height)) {\n if (millis() - hitEdgeAt > 500) {\n hitEdgeAt = millis();\n switch (edgeBehavior) {\n case 'LEFT':\n direction = (direction + 270) % 360;\n break;\n case 'RIGHT':\n direction = (direction + 90) % 360;\n break;\n case 'AROUND':\n default:\n direction = (direction + 180) % 360;\n }\n }\n }\n\n drawRock(rock.x, rock.y, rock.width, rock.height); // Draw the first rock\n drawRock2(rock2.x, rock2.y, rock2.width, rock2.height); // Draw the second rock\n}\n\nfunction drawTurtle(x, y, direction, color) {\n push();\n translate(x, y);\n rotate(radians(direction));\n\n noStroke();\n\n\n // Body\n switch (color) {\n case 'yellow':\n fill(255, 255, 0);\n break;\n case 'green':\n fill(0, 200, 0);\n break;\n case 'orange':\n fill(255, 165, 0);\n break;\n default:\n fill(0, 200, 0); // Default to green if no or invalid color provided\n }\n ellipse(0, 0, 30, 50);\n\n // Head\n let headAngle = sin(millis() * 0.004) * 3\n ellipse(0, -27 + headAngle, 15, 20);\n\n // Legs\n let legAngle = sin(millis() * 0.004) * 10; // Calculate leg angle\n\n push();\n rotate(radians(legAngle) - (PI / 6));\n ellipse(-20, -10, 20, 10); //front left\n ellipse(-20, 10, 20, 10); //back left\n\n pop();\n\n push();\n rotate(radians(-legAngle) + (PI / 6));\n ellipse(20, -10, 20, 10); //front right\n ellipse(20, 10, 20, 10); //back right\n pop();\n\n pop();\n}\n\nlet hitEdgeAt = 0;\n\nfunction moveTurtle(edgeBehavior) {\n let newX = x + cos(-PI / 2 + radians(direction)) * speed;\n let newY = y + sin(-PI / 2 + radians(direction)) * speed;\n\n // If the turtle is about to move off the canvas, stop it from moving\n if (newX <= 15 || newX >= width - 15 || newY <= 15 || newY >= height - 15) {\n if (millis() - hitEdgeAt > 500) {\n hitEdgeAt = millis();\n\n switch (edgeBehavior) {\n case 'LEFT':\n direction = (direction + 270) % 360;\n break;\n case 'RIGHT':\n direction = (direction + 90) % 360;\n break;\n case 'AROUND':\n default:\n direction = (direction + 180) % 360;\n }\n }\n } else {\n // If the turtle is not about to move off the canvas, update its position\n x = newX;\n y = newY;\n\n if (showPath) {\n if (frameCount % 4 === 0) { // Only add a point every 10 frames\n addPointToPath(x, y);\n }\n drawPath();\n }\n }\n\n}\n\nlet turtleSize = 15;\n\n// function isColliding(turtleX, turtleY, rockX, rockY, rockWidth, rockHeight) {\n// return turtleX - turtleSize < rockX + rockWidth &&\n// turtleX + turtleSize > rockX &&\n// turtleY - turtleSize < rockY + rockHeight &&\n// turtleY + turtleSize > rockY;\n// }\n\nfunction drawRock(x, y, width, height) {\n push();\n fill(139, 69, 19); // Set the fill color to brown\n noStroke(); // No border\n rect(x, y, width, height); // Draw the first rectangle\n rect(x + width, y + height / 2, width / 2, height / 2); // Draw the second rectangle\n pop();\n}\n\nfunction drawRock2(x, y, width, height) {\n push();\n fill(139, 69, 19); // Set the fill color to brown\n noStroke(); // No border\n rect(x, y, width, height); // Draw the first rectangle\n rect(x + width / 3, y + height, 2 * width / 3, height / 3); // Draw the second rectangle\n pop();\n}\n\nfunction mousePressed() {\n if (mouseX > 400 && mouseX < 800 && mouseY > 0 && mouseY < 400) {\n if (mouseX > rock.x - 10 && mouseX < rock.x + rock.width + 10 && mouseY > rock.y - 10 && mouseY < rock.y + rock.height + 10) {\n rock.dragging = true;\n rock.offsetX = mouseX - rock.x;\n rock.offsetY = mouseY - rock.y;\n } else if (mouseX > rock2.x - 10 && mouseX < rock2.x + rock2.width + 10 && mouseY > rock2.y - 10 && mouseY < rock2.y + rock2.height + 10) {\n rock2.dragging = true;\n rock2.offsetX = mouseX - rock2.x;\n rock2.offsetY = mouseY - rock2.y;\n }\n }\n}\n\nfunction mouseReleased() {\n if (rock.x < 400) rock.x = 400;\n if (rock.x > 800 - rock.width) rock.x = 800 - rock.width;\n if (rock.y < 0) rock.y = 0;\n if (rock.y > 400 - rock.height) rock.y = 400 - rock.height;\n\n if (rock2.x < 400) rock2.x = 400;\n if (rock2.x > 800 - rock2.width) rock2.x = 800 - rock2.width;\n if (rock2.y < 0) rock2.y = 0;\n if (rock2.y > 400 - rock2.height) rock2.y = 400 - rock2.height;\n\n rock.dragging = false;\n rock2.dragging = false;\n}\n\nfunction addPointToPath(x, y) {\n let timeAdded = millis();\n path.push({ x, y, timeAdded });\n if (path.length > maxPathLength) {\n path.shift();\n }\n}\n\n// function drawGameArea() {\n// push();\n// stroke(0, 120, 220);\n// fill(0, 120, 220);\n// rect(400, 0, 400, 400);\n// pop();\n// }\n\nfunction drawPath() {\n push();\n noStroke();\n fill(0, 255, 0);\n for (let i = 0; i < path.length; i++) {\n let alpha = map(millis() - path[i].timeAdded, 0, 5000, 255, 0); // Calculate alpha to fade away over 5 seconds\n fill(0, 255, 0, alpha);\n rect(path[i].x, path[i].y, 4, 4); // Draw a small square\n }\n pop();\n}","style.css":"#game-container {\n width: 400px;\n height: 400px;\n border: 2px solid black;\n float: left;\n}","index.html":"\n\n\n\n \n \n Swimming Turtle Adventure\n \n \n\n\n\n

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