Dazzling Dodecahedron

{"name":" Dodecahedron","description":"Dive into the mesmerizing world of the Dazzling Dodecahedron! This interactive 3D experience invites you to explore a vibrant dodecahedron filled with colors and surprises. Control the rotation and discover hidden gems as you learn the basics of programming and 3D graphics in a fun way!","photo":"","view_count":3,"fork_count":0,"expires_at":null,"created_at":"2024-11-16T15:43:00.095431Z","updated_at":"2024-11-16T15:43:00.095435Z","user_id":153,"status":"PRIVATE","parent_id":null,"id":4604,"user":{"username":"tornado","id":153,"password_hash":"$2b$12$ZLtvimou3TnRnB7DNghQJOgMcawpzD9F49JQJ3Jt13vJ1TWwTqIC2","updated_at":"2024-07-20T15:08:02.107868Z","reset_token_expiry":null,"subscription_status":null,"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},"code":{"script.js":"let diceResult = 1;\n\nlet borderColor;\n\n// Global variable to store the border color\nlet lastColorChangeTime = 0;\n\nlet showHouse = false;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight, WEBGL); // Create a 3D canvas\n borderColor = color(0); // Initialize border color to black\n}\n\nfunction draw() {\n background(135, 206, 235); // Clear the screen each frame\n\n if (!showHouse) {\n rotateY(frameCount * 0.01); // Rotate the dodecahedron for a dynamic effect\n stroke(borderColor); // Set the stroke color to the current border color\n drawDodecahedron(); // Call the function to draw the dodecahedron\n\n // Check for explosion key press\n if (keyIsDown(69)) { // 'E' key\n showHouse = true; // Set to show the house\n }\n } else {\n drawHouse(); // Draw the house instead\n }\n\n textSize(32); // Set text size\n fill(0); // Set text color to black\n textAlign(CENTER, CENTER); // Center the text\n text(diceResult, 0, 0); // Display the dice result at the center\n\n if (keyIsDown(32)) { // Check if the spacebar is pressed\n rollDice(); // Roll the dice\n }\n}\n\nfunction rollDice() {\n diceResult = Math.floor(Math.random() * 12) + 1; // Roll the dice\n}\n\nfunction drawDodecahedron() {\n // Define the vertices for the dodecahedron\n let vertices = [\n [1, 1, 1], [1, 1, -1], [1, -1, 1], [1, -1, -1],\n [-1, 1, 1], [-1, 1, -1], [-1, -1, 1], [-1, -1, -1],\n [0, 1.618, 0], [0, -1.618, 0], [1.618, 0, 0], [-1.618, 0, 0],\n [0, 0, 1.618], [0, 0, -1.618]\n ];\n\n // Define the faces of the dodecahedron using the vertex indices\n let faces = [\n [0, 8, 4, 1, 9], [0, 9, 1, 5, 8], [0, 4, 8, 6, 10],\n [1, 4, 6, 5, 9], [5, 6, 10, 3, 11], [10, 8, 9, 11, 3],\n [2, 7, 11, 3, 10], [2, 10, 6, 7, 2], [2, 3, 11, 7, 2],\n [1, 5, 9, 11, 7], [4, 6, 10, 8, 9], [1, 5, 9, 4, 8]\n ];\n\n for (let face of faces) {\n fill(random(255), random(255), random(255)); // Set a random color for each face\n beginShape(); // Start a new shape for each pentagon\n for (let vertexIndex of face) {\n let vertexCoords = vertices[vertexIndex]; // Get the coordinates for the vertex\n vertex(vertexCoords[0] * 50, vertexCoords[1] * 50, vertexCoords[2] * 50); // Scale the shape\n }\n endShape(CLOSE); // Close the shape\n }\n}\n\nfunction drawHouse() {\n // Draw the base of the house\n fill(150, 75, 0); // Brown color for the house base\n rect(-50, 0, 100, 100); // Draw a rectangle for the house base\n\n // Draw the roof\n fill(255, 0, 0); // Red color for the roof\n triangle(-60, 0, 60, 0, 0, -50); // Draw a triangle for the roof\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Dazzling Dodecahedron\n \n \n\n\n \n\n"},"chat_history":[],"assets":[],"messages_sent":11,"comments":[],"steps":[]}