florr.io crafting calculator
by
for florr.io only (I just decided to make this on my own, I had no idea other people made similar things to this lol)
mouse and keyboard needed for input.
- index.html
- style.css
- main.js
xxxxxxxxxx<html lang="en"><head> <meta charset="utf-8" /> <!-- keep the line below for OpenProcessing compatibility --> <script src="https://openprocessing.org/openprocessing_sketch.js"></script> <script src="https://cdn.jsdelivr.net/npm/p5@1.7.0/lib/p5.js"></script> <script src="https://cdn.jsdelivr.net/npm/p5@1.7.0/lib/addons/p5.sound.min.js"></script> <script src="main.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap"></head><body> <h1>blaster003's florr.io crafting calculator</h1> <!-- <h3>(not functional yet)</h3> --> <div> <img id="flower" src="https://static.wikia.nocookie.net/official-florrio/images/f/fb/Aaa_1.webp" alt="florr.io Flower" width="60" height="60"> </div> <br> <div class="raritymenu"> <h2>1. The rarity of the petal you want to craft</h2> <button type="button" class="unusual rarityselector" onclick="setRarity('unusual')"> Unusual </button> <button type="button" class="rare rarityselector" onclick="setRarity('rare')"> Rare </button> <button type="button" class="epic rarityselector" onclick="setRarity('epic')"> Epic </button> <button type="button" class="legendary rarityselector" onclick="setRarity('legendary')"> Legendary </button> <button type="button" class="mythic rarityselector" onclick="setRarity('mythic')"> Mythic </button> <button type="button" class="ultra rarityselector" onclick="setRarity('ultra')"> Ultra </button> <button type="button" class="super rarityselector" onclick="setRarity('super')"> Super </button> <p id="rarityindicator">Current selected rarity: null</p> </div> <div class="skillmenu"> <h2>2. The level of your Skilled Crafting</h2> <button type="button" class="greyed skillselector" onclick="setSkill(0)"> 0 </button> <button type="button" class="legendary skillselector" onclick="setSkill(1)"> I </button> <button type="button" class="mythic skillselector" onclick="setSkill(2)"> II </button> <p id="skillindicator">Current selected skill level: null</p> </div> <div class=""> <h2>3. How much petals you have to craft</h2> <label for="petals">Number of petals used to craft:</label> <input type="number" class="greyed" id="petals" name="petals" min="5" value="5"/> </div> <div class=""> <h2>4. Results</h2> <button type="button" class="common submit" onclick="document.getElementById('results').innerHTML = 'Simulating...'; setTimeout(getResults, 10)"> Calculate </button> <p id="results"> <br> You have not calculated anything.</p> </div> </body></html>This will be the default layout for your sketches
Easy on the eyes
It will show up when there is an error or print() in code
Potential warnings will be displayed as you type
Closes parenthesis-like characters automatically as you type
Controls
Play
Ctrl+Enter
Code
Ctrl+Shift+Enter
Save
Ctrl+S
Interface
Fullscreen
Ctrl+Alt+F
Switch Layout
Ctrl+Alt+L
Settings
Ctrl+Alt+.
Editor
Tidy Code
Ctrl+B
Multiple Cursors
Ctrl+Click
Duplicate Line/Selection
Ctrl+Shift+D
Move Line
Alt+↑/↓
Select Multiple
Ctrl+D
Find in Code
Ctrl+F
Find Next
Ctrl+G
Find Previous
Ctrl+Shift+G