Sun and Moon

{"name":"Sun and Moon Game Jam Template","description":"Experience the celestial dance of the sun and the moon in this captivating game.","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/onlz7npgfqpz7emyxney","view_count":0,"fork_count":0,"expires_at":null,"created_at":"2024-07-14T16:21:42.225438Z","updated_at":"2024-07-14T16:21:42.225441Z","user_id":97,"status":"PRIVATE","parent_id":2208,"id":2234,"user":{"photo":null,"email":"leobm365@gmail.com","recess_id":"e4690172-2707-46c3-8bcb-1a2b76e418e9","created_at":"2024-05-02T18:14:08.971561Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"super_kamin","id":97,"password_hash":"$2b$12$PMJB58N8WLDuLopyknSp6.czfqNoUg9tTH9bQqK.0xzUbXRKoCWEW","updated_at":"2024-05-02T18:14:08.971564Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let keys = {}; // Object to store the state of keys\nlet earth, earthX, earthY; // Variables to store Earth's image and position\nlet angle = 0; // Variable to store the current angle of rotation\nlet earthAngle = 0; // Variable to store the current angle of the Earth's rotation around the Sun\nlet moonAngle = 0; // Variable to store the current angle of the moon's rotation\n\nlet sun, moon; // Variables to store the Sun and Moon images\nlet moonX, moonY; // Variables to track Moon's position for attacks\n\nlet targetMoonX, targetMoonY; // Variables to track target position for Moon\nlet isMoonAttacking = false; // Flag to check if the Moon is attacking\nlet isMoonReturning = false; // Flag to check if the Moon is returning to orbit\n\nfunction preload() {\n sun = loadImage(\"@asset('sun3')\"); // Load the Sun image\n earth = loadImage(\"@asset('earthwithface')\"); // Load the Earth image\n moon = loadImage(\"@asset('Facedmoon')\"); // Load the Moon image\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(228, 202, 166);\n\n // Initialize Earth's position to orbit around the Sun\n earthX = width / 2;\n earthY = height / 2;\n\n // Initialize Moon's position\n const moonDistance = 50; // Initial distance from Earth to Moon\n moonX = earthX + moonDistance * cos(moonAngle); // Moon's initial X position\n moonY = earthY + moonDistance * sin(moonAngle); // Moon's initial Y position\n\n // Initialize target position for Moon\n targetMoonX = moonX;\n targetMoonY = moonY;\n}\n\nfunction draw() {\n background(228, 202, 166); // Clear the background\n\n // Draw the Sun in the center with a larger size\n const sunSize = 200; // Adjust size as needed\n image(sun, width / 2 - sunSize / 2, height / 2 - sunSize / 2, sunSize, sunSize);\n\n // Draw Earth's orbit path\n const earthDistance = 300; // Distance from Sun to Earth\n stroke(0); // Set stroke color to black\n noFill(); // No fill color for the ellipse\n ellipse(width / 2, height / 2, earthDistance * 2, earthDistance * 2); // Draw the orbit path\n\n // Calculate the Earth's position to orbit around the Sun\n earthAngle += 0.01; // Increment the Earth's angle for rotation\n earthX = width / 2 + earthDistance * cos(earthAngle); // Earth's X position\n earthY = height / 2 + earthDistance * sin(earthAngle); // Earth's Y position\n\n // Calculate the angle to face the mouse cursor\n angle = atan2(mouseY - earthY, mouseX - earthX) + HALF_PI;\n\n // Draw the Earth image at the calculated position with rotation\n push();\n translate(earthX, earthY); // Move the origin to the center of the Earth image\n rotate(angle); // Rotate the Earth to face the mouse cursor\n image(earth, -25, -25, 50, 50); // Draw the Earth image centered at the new origin\n pop();\n\n if (!isMoonAttacking && !isMoonReturning) {\n // Calculate the moon's position to orbit around the Earth if it's not attacking or returning\n const moonDistance = 50; // Distance from Earth to Moon\n moonAngle += 0.02; // Increment the moon's angle for rotation\n moonX = earthX + moonDistance * cos(moonAngle); // Moon's X position\n moonY = earthY + moonDistance * sin(moonAngle); // Moon's Y position\n } else if (isMoonAttacking) {\n // Gradually move the Moon towards the target position\n moonX = lerp(moonX, targetMoonX, 0.05);\n moonY = lerp(moonY, targetMoonY, 0.05);\n\n // Check if the Moon has reached the target distance from the Sun\n const targetDistance = 100; // Distance from the Sun to stop the Moon\n if (dist(moonX, moonY, width / 2, height / 2) < targetDistance) {\n isMoonAttacking = false; // Stop attacking\n isMoonReturning = true; // Start returning\n }\n } else if (isMoonReturning) {\n // Continuously update the target position for the Moon to return to orbit around the Earth\n const moonDistance = 50; // Distance from Earth to Moon\n targetMoonX = earthX + moonDistance * cos(moonAngle); // Moon's target X position\n targetMoonY = earthY + moonDistance * sin(moonAngle); // Moon's target Y position\n\n // Gradually move the Moon back to its orbit position\n moonX = lerp(moonX, targetMoonX, 0.1); // Faster return\n moonY = lerp(moonY, targetMoonY, 0.1); // Faster return\n\n // Check if the Moon has returned to its orbit\n const orbitProximity = 10; // Distance to consider the Moon back in orbit\n if (dist(moonX, moonY, targetMoonX, targetMoonY) < orbitProximity) {\n isMoonReturning = false; // Stop returning\n moonAngle = 0; // Reset the moon's angle\n moonX = targetMoonX; // Ensure Moon snaps to the correct position\n moonY = targetMoonY; // Ensure Moon snaps to the correct position\n }\n }\n\n // Draw the Moon image at the calculated position\n push();\n translate(moonX, moonY); // Move the origin to the Moon's position\n image(moon, -15, -15, 30, 30); // Adjust size as needed to keep the moon proportionate\n pop();\n}\n\nfunction mousePressed() {\n if (!isMoonAttacking && !isMoonReturning) {\n // Set the target position for the Moon in the direction of the Sun at a certain distance\n const targetDistance = 100; // Distance from the Sun to stop the Moon\n const angleToSun = atan2(height / 2 - moonY, width / 2 - moonX); // Angle from Moon to Sun\n targetMoonX = width / 2 + targetDistance * cos(angleToSun); // Target X position\n targetMoonY = height / 2 + targetDistance * sin(angleToSun); // Target Y position\n isMoonAttacking = true; // Set the Moon to attack mode\n moonAngle = 0; // Reset moonAngle to allow orbit to resume after attack\n }\n}","style.css":"","index.html":"\n\n\n\n \n \n Sun and Moon\n \n\n\n\n \n \n\n\n"},"chat_history":[],"assets":[{"project_id":2234,"creator":null,"cloudinary_id":"vcwx2k1navf9bkfmmazr","deleted":false,"id":13396,"created_at":"2024-07-14T16:21:42.311447Z","name":"sunmoontemplatecoverimg","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"tkhzi4zo0soquv809lln","deleted":false,"id":13395,"created_at":"2024-07-14T16:21:42.310195Z","name":"char1-walk2-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"aiexe0o1a7aypqfr9lks","deleted":false,"id":13394,"created_at":"2024-07-14T16:21:42.309142Z","name":"char1-walk1-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"he3jgglrdghyp7vg3sxs","deleted":false,"id":13393,"created_at":"2024-07-14T16:21:42.307837Z","name":"char1-idle2-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"gq6vv383vcjk1zbhhnh3","deleted":false,"id":13392,"created_at":"2024-07-14T16:21:42.306576Z","name":"char1-idle1-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"xicgsnynxkrbgtmakh2p","deleted":false,"id":13391,"created_at":"2024-07-14T16:21:42.305516Z","name":"wateringCan-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"p2cpno7o63lotz4ptgrv","deleted":false,"id":13390,"created_at":"2024-07-14T16:21:42.304333Z","name":"plant2-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"n4yo1e4trsjwqunr1cwb","deleted":false,"id":13389,"created_at":"2024-07-14T16:21:42.303236Z","name":"plant2-grow3-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"eztgiq2y5sm5u0dzgihp","deleted":false,"id":13388,"created_at":"2024-07-14T16:21:42.302055Z","name":"plant2-grow2-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"ebqgpvgamq1pkluqbz7b","deleted":false,"id":13387,"created_at":"2024-07-14T16:21:42.300707Z","name":"plant2-grow1-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"k05cudhvjyhz1zraxxhr","deleted":false,"id":13386,"created_at":"2024-07-14T16:21:42.299457Z","name":"plant1-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"baesczbuedd2dsqlzo9f","deleted":false,"id":13385,"created_at":"2024-07-14T16:21:42.298194Z","name":"plant1-grow3-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"pcn5dtkxe88a4dqkdxar","deleted":false,"id":13384,"created_at":"2024-07-14T16:21:42.296943Z","name":"plant1-grow2-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"i9tle1b60iqwgjmq2xy8","deleted":false,"id":13383,"created_at":"2024-07-14T16:21:42.295534Z","name":"plant1-grow1-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"q3jsvg37txyozn6sejbu","deleted":false,"id":13382,"created_at":"2024-07-14T16:21:42.294253Z","name":"seeds1-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"ql0kstboqxt6er0gzind","deleted":false,"id":13381,"created_at":"2024-07-14T16:21:42.293010Z","name":"seeds2-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"v3i37nfsjb8zettk1zz9","deleted":false,"id":13380,"created_at":"2024-07-14T16:21:42.291596Z","name":"photosynthesis2","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"menrjccjjq7fyqhwysqh","deleted":false,"id":13379,"created_at":"2024-07-14T16:21:42.290307Z","name":"photosynthesis1","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"szoogaxhjvnvhrzazad3","deleted":false,"id":13378,"created_at":"2024-07-14T16:21:42.289135Z","name":"moonTide1","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"i3dohrvxfymg3aitwyd6","deleted":false,"id":13377,"created_at":"2024-07-14T16:21:42.288021Z","name":"waterShore-repeatingTexture","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"tzv0ndk7dgx6jokp4etj","deleted":false,"id":13376,"created_at":"2024-07-14T16:21:42.286838Z","name":"shell3-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"zljey9kmnfhb8fovja9t","deleted":false,"id":13375,"created_at":"2024-07-14T16:21:42.285404Z","name":"shell2-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"v5qfj4pmqzgdpiayk09s","deleted":false,"id":13374,"created_at":"2024-07-14T16:21:42.284036Z","name":"shell1-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"duiywiyxy94hdzazoc9o","deleted":false,"id":13373,"created_at":"2024-07-14T16:21:42.282738Z","name":"starfish-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"b5qz1xl4sjizlhaltnin","deleted":false,"id":13372,"created_at":"2024-07-14T16:21:42.281587Z","name":"seabass-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"w6uvt9r7rsggtpzaluxm","deleted":false,"id":13371,"created_at":"2024-07-14T16:21:42.280231Z","name":"seahorse-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"rwsnaccmxiu4h8hmm7pf","deleted":false,"id":13370,"created_at":"2024-07-14T16:21:42.279049Z","name":"moorishIdol-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"il5mo9nwin8mkiomgrdc","deleted":false,"id":13369,"created_at":"2024-07-14T16:21:42.277310Z","name":"thalassoma-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"hy3d7hqc18popstvulc0","deleted":false,"id":13368,"created_at":"2024-07-14T16:21:42.275787Z","name":"dolphin-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"l8glginlxrvs9yzrbevp","deleted":false,"id":13367,"created_at":"2024-07-14T16:21:42.274029Z","name":"clownfish-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"w2cwcykd3svnrs4p60g1","deleted":false,"id":13366,"created_at":"2024-07-14T16:21:42.272444Z","name":"goldfish-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"hhawbf808hvs7vbmnjia","deleted":false,"id":13365,"created_at":"2024-07-14T16:21:42.271104Z","name":"water-repeatingTexture","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"giscwz2rqypjibxxeyuq","deleted":false,"id":13364,"created_at":"2024-07-14T16:21:42.269901Z","name":"werewolf3","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"bthbvwnqvwz4lqhdd8qa","deleted":false,"id":13363,"created_at":"2024-07-14T16:21:42.268755Z","name":"werewolf2","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"pq8jgpteykb0ow8viifh","deleted":false,"id":13362,"created_at":"2024-07-14T16:21:42.267518Z","name":"werewolf1","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"bqzylgkfttnwcmsizw0u","deleted":false,"id":13361,"created_at":"2024-07-14T16:21:42.265327Z","name":"sun4","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"wzz6sw0vjct5vrlwrwkz","deleted":false,"id":13360,"created_at":"2024-07-14T16:21:42.263514Z","name":"sun3","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"jknvbqipqytjxzlurkwi","deleted":false,"id":13359,"created_at":"2024-07-14T16:21:42.262281Z","name":"sun2","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"awyfroykpatw1nppikeq","deleted":false,"id":13358,"created_at":"2024-07-14T16:21:42.261070Z","name":"sun1","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"o0gsajigiz1iafmzuc7d","deleted":false,"id":13357,"created_at":"2024-07-14T16:21:42.259787Z","name":"moon4","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"keyhncnne6dcx03rkjgm","deleted":false,"id":13356,"created_at":"2024-07-14T16:21:42.258595Z","name":"moon3","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"xc8hlvqbu0ifborchsry","deleted":false,"id":13355,"created_at":"2024-07-14T16:21:42.257383Z","name":"moon2","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"djy3illl04qwjbdz72n0","deleted":false,"id":13354,"created_at":"2024-07-14T16:21:42.256004Z","name":"moon1","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"eprvlb7wmtohvxofzcne","deleted":false,"id":13353,"created_at":"2024-07-14T16:21:42.254562Z","name":"solarPanel-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"opk8qhby8kyquzxqtr9a","deleted":false,"id":13352,"created_at":"2024-07-14T16:21:42.253210Z","name":"moon-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"p9bskdnbzevh2bmnloht","deleted":false,"id":13351,"created_at":"2024-07-14T16:21:42.252094Z","name":"sun-pixelArt","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"elolqlkeukpr5vrivcdz","deleted":false,"id":13350,"created_at":"2024-07-14T16:21:42.250793Z","name":"sunBackground2","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"ikp6ylnxfsftly4j5zwa","deleted":false,"id":13349,"created_at":"2024-07-14T16:21:42.249565Z","name":"sunBackground1","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"gpjcughyithpu1bh4w4l","deleted":false,"id":13348,"created_at":"2024-07-14T16:21:42.248372Z","name":"moonBackground1","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"woljioqup9fdxqgjhhd9","deleted":false,"id":13347,"created_at":"2024-07-14T16:21:42.247038Z","name":"moonCardColorful","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"ur3c5bntxpkzx80nxxto","deleted":false,"id":13346,"created_at":"2024-07-14T16:21:42.245769Z","name":"sunCardColorful","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"shn6wij1ebvmywxhrifa","deleted":false,"id":13345,"created_at":"2024-07-14T16:21:42.244479Z","name":"moonCardGreyscale","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"zftc2e7hhfmcjeqmsvel","deleted":false,"id":13344,"created_at":"2024-07-14T16:21:42.243106Z","name":"sunCardGreyscale","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"elkqj0kwr7wnkuta02g0","deleted":false,"id":13343,"created_at":"2024-07-14T16:21:42.241523Z","name":"earth","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"elkqj0kwr7wnkuta02g0","deleted":false,"id":13342,"created_at":"2024-07-14T16:21:42.239988Z","name":"earthWithFace","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"onlz7npgfqpz7emyxney","deleted":false,"id":13341,"created_at":"2024-07-14T16:21:42.236527Z","name":"earthwithface","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"onlz7npgfqpz7emyxney","deleted":false,"id":13340,"created_at":"2024-07-14T16:21:42.234963Z","name":"moonwithface","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"sfhjmkdsqnlqmfb2jkan","deleted":false,"id":13339,"created_at":"2024-07-14T16:21:42.233680Z","name":"facedmoon","resource_type":"image","tags":null},{"project_id":2234,"creator":null,"cloudinary_id":"qcarrpaxlgh1by0duyc3","deleted":false,"id":13338,"created_at":"2024-07-14T16:21:42.232247Z","name":"Facedmoon","resource_type":"image","tags":null}],"messages_sent":0,"comments":[],"steps":[{"title":"make the play/the earth","instruction":"","created_at":"2024-07-13T20:36:12.146691","project_id":2234,"complete":true,"step_number":2,"updated_at":"2024-07-14T16:21:42.228647","id":10304},{"title":"Chat with Jippity and decide what kind of game to build for this jam theme!","instruction":"","created_at":"2024-07-05T15:40:47.583938","project_id":2234,"complete":false,"step_number":1,"updated_at":"2024-07-14T16:21:42.228742","id":10305},{"title":"adding the moon ","instruction":"","created_at":"2024-07-13T20:38:15.421087","project_id":2234,"complete":false,"step_number":3,"updated_at":"2024-07-14T16:21:42.228795","id":10306}]}