Rarity Roller

{"name":"Rarity Roller","description":"Embark on a thrilling quest of chance and luck with Rarity Roller! In this exciting RNG game, each roll of the dice unveils a world of varying rarities, from common trinkets to legendary treasures. Test your fortune and see what rare finds you can uncover. Perfect for those who love surprises, this game promises endless fun and discovery!","photo":null,"view_count":0,"fork_count":0,"expires_at":null,"created_at":"2025-03-27T18:51:26.205598Z","updated_at":"2025-03-27T18:51:26.205602Z","user_id":411,"status":"PRIVATE","parent_id":null,"id":6708,"user":{"photo":null,"email":null,"recess_id":"9b0597df-c1fb-40be-836a-aa18c5f7ab80","created_at":"2025-03-10T21:17:52.998350Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"slam_iced","id":411,"password_hash":null,"updated_at":"2025-03-10T21:17:52.998353Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let rollButton;\n\nlet isDragging = false;\n\nlet offsetX, offsetY;\n\nlet rolledRarities = [];\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n\n // Create the button and set its position\n rollButton = createButton('Roll');\n rollButton.position(100, 100); // Initial button position\n rollButton.mousePressed(rollRarity); // Add roll function to button\n rollButton.mousePressed(startDragging); // Start dragging when pressed\n rollButton.mouseReleased(stopDragging); // Stop dragging when released\n}\n\nfunction draw() {\n // Update the rarity list display\n const rarityList = select('#rarityList');\n rarityList.html(''); // Clear previous list\n\n // Display rolled rarities\n for (let rarity of rolledRarities) {\n rarityList.html(rarityList.html() + `

${rarity}

`); // Add each rarity to the list\n }\n\n if (isDragging) {\n // Update button position to follow the mouse\n rollButton.position(mouseX + offsetX, mouseY + offsetY);\n }\n}\n\nfunction rollRarity() {\n let randomNumber = random(); // Generate a random number between 0 and 1\n let rarity;\n\n if (randomNumber < 0.5) {\n rarity = \"Common\"; // 50% chance\n } else if (randomNumber < 0.75) {\n rarity = \"Uncommon\"; // 25% chance\n } else if (randomNumber < 0.875) {\n rarity = \"Rare\"; // 12.5% chance\n } else {\n rarity = \"Super Rare\"; // 6.25% chance\n }\n\n // Check if this rarity has not been rolled before\n if (!rolledRarities.includes(rarity)) {\n rolledRarities.push(rarity);\n console.log(\"Congrats! You rolled a new rarity: \" + rarity);\n } else {\n console.log(\"You rolled: \" + rarity);\n }\n\n console.log(rolledRarities); // Log the current list of rolled rarities\n}\n\nfunction startDragging() {\n isDragging = true; // Set dragging to true\n offsetX = rollButton.x - mouseX; // Calculate offset\n offsetY = rollButton.y - mouseY; // Calculate offset\n}\n\nfunction stopDragging() {\n isDragging = false; // Set dragging to false\n}\n\n","style.css":"body {\n margin: 0;\n}\n\n/* Remove the background color temporarily */\n#rarityList {\n margin-top: 20px;\n /* Space between button and rarity list */\n font-size: 20px;\n /* Increase font size for better readability */\n color: #333;\n /* Dark text color for better contrast */\n}\n\n/* style.css */\nbody {\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n /* Stack elements vertically */\n height: 100vh;\n background-color: transparent;\n /* Ensure no background color */\n}\n\n#rarityList {\n margin-top: 0px;\n /* Space between button and rarity list */\n font-size: 20px;\n /* Increase font size for better readability */\n color: #333;\n /* Dark text color for better contrast */\n}\n\nbutton {\n padding: 15px 30px;\n /* Increased padding for a larger button */\n font-size: 24px;\n /* Increased font size */\n background-color: #ffcc00;\n /* Yellow background for the button */\n border: none;\n /* Remove default border */\n border-radius: 10px;\n /* Rounded corners */\n cursor: pointer;\n /* Change cursor to pointer on hover */\n box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);\n /* Added shadow for depth */\n transition: background-color 0.3s, transform 0.2s;\n /* Smooth transitions */\n}\n\nbutton:hover {\n background-color: #e6b800;\n /* Darker yellow on hover */\n transform: scale(1.05);\n /* Slightly enlarge the button on hover */\n}\n\ncanvas {\n display: block;\n}","index.html":"\n\n\n\n \n \n Rarity Roller\n \n \n\n\n\n

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