1.5.1

changelog.txt

@@ -3,6 +3,59 @@
     + Machines Update
     + More plans / feedback at https://docs.google.com/document/u/4/d/1R8xljj_J-K5oU-9y4louwplQmM-ZBvUfXmhbgj5LYdk/edit
 
+[Version 1.5.1 - Apr. 2022]
+    + Hold Shift to draw lines
+    + Info Screen now shows category info
+    + Info Screen shows undiscovered elements
+    + Fire now appears below burning pixels if the top if blocked
+    + Porcelain
+    + Pyrite
+    + Incinerate tool
+    + Unburn tool
+    + Particleboard
+    + Rats, Humans, and Yeasts can now breathe oxygen
+    + Worms decompose Dead Plants
+    + Chlorine Ice
+    + Sulfur Gas
+    + Frozen Yogurt
+    + Antiice
+    + Liquid forms of Ammonia, Propane, Methane
+    + Sawdust can be made into Cellulose
+    + Reset buttons in Settings
+    + Added clarification and mod list link to Mod Manager
+    + All metals given unique hardness values
+    + Lamp Oil removes Glue
+    + Cheese can be vaporized
+    + Bone Marrow, Pointer, Rainbow, and Static can now be obtained
+    + Ash can eliminate Stench
+    - Removed Helium Ice
+    ~ Improved Smash tool
+    ~ Acid no longer errodes Water
+    ~ Fish out of water now fall to side
+    ~ Less Smog forms
+    ~ Algae now floats on water
+    ~ Fish no longer tend to swim downwards
+    ~ Molten Sulfur is now red and non-viscous
+    ~ Fermented alcohols now colored differently
+    ~ More foods can be fermented
+    ~ Tweaked Milk flavor densities
+    ~ Tweaked Rat consumption rates
+    ~ Tweaked most insect consumption rates
+    ~ Tweaked Meat cooking rates
+    ~ Tweaked Yeast fermentation rates
+    ~ Glue no longer sticks to Ice
+    ~ Oil burns longer
+    ~ Fixed: Gaps in lines when drawing fast
+    ~ Fixed: Notifications not showing in Unlock as Discover mode
+    ~ Fixed: Clicking outside menu immediately starting placing
+    ~ Fixed: Molten Slag eats infinite Ash
+    ~ Fixed: Flash color inconsistent with Light
+    ~ Fixed: Mercury not amalgamating with Gold Coins or Rose Gold
+    ~ Fixed: Decimal point TPS
+    + Technical: Tools can now ignore certain elements
+    + Technical: "related" element property, shows a "See Also" in info
+    + Technical: "alias" element property, shows a "Also known as" in info
+
 [Version 1.5 - Apr. 13, 2022]
     + Greatly improved E/Element Select button
     + Mercury

controls.txt

@@ -7,6 +7,7 @@ Shift + Heat      =  Intense Heating
 Shift + Cool      =  Intense Cooling
 Shift + Mix       =  Include Fire & Smoke in Mixing
 Shift + Shock     =  Intense Shock
+Shift + Mouse     =  Draw Line
 Scroll            =  Change Cursor Size
 - or [            =  Decrease Cursor Size
 + or ]            =  Increase Cursor Size

style.css

@@ -1,30 +1,30 @@
-        html, body {
+html, body {
     width:  100%;
     height: 100%;
     margin: 0;
-        }
+}
-        /* Load the font PressStart2P-Regular.ttf */
+/* Load the font PressStart2P-Regular.ttf */
-        @font-face {
+@font-face {
     font-family: 'Press Start 2P';
     src: url('fonts/PressStart2P-Regular.ttf');
-        }
+}
-        body {
+body {
     font-family: 'Press Start 2P';
     background-color: #000000;
     color: #ffffff;
-        }
+}
-        .pagetitle {
+.pagetitle {
     padding: 10px;
     padding-bottom: 0px;
     font-size: 0.75em;
     position: absolute;
     top: 0;
     left: 0;
-        }
+}
-        a {color: rgb(255, 0, 255);text-decoration: none;}
+a {color: rgb(255, 0, 255);text-decoration: none;}
-        a:hover {color: rgb(255, 121, 255);}
+a:hover {color: rgb(255, 121, 255);}
-        a:active, a:hover:active {color: rgb(255, 179, 255);}
+a:active, a:hover:active {color: rgb(255, 179, 255);}
-        #gameDiv { /*game canvas*/
+#gameDiv { /*game canvas*/
     border: 1px solid #ffffff;
     position: absolute;
     left: 50%;
@@ -36,11 +36,11 @@
             -ms-user-select: none; /* Internet Explorer/Edge */
                 user-select: none;
     margin-top: 15px;
-        }
+}
-        #infoParent, #modParent, #settingsParent, .menuParent {
+#infoParent, #modParent, #settingsParent, .menuParent {
     display: none;
-        }
+}
-        #infoScreen, #modManager, #settingsMenu, .menuScreen {
+#infoScreen, #modManager, #settingsMenu, .menuScreen {
     border: 1px solid #ffffff;
     position: absolute;
     left: 50%;
@@ -51,19 +51,19 @@
     padding: 10px;
     background-color: rgb(31, 31, 31);
     overflow-x: hidden;
-        }
+}
-        .menuTitle {
+.menuTitle {
     font-size: 1.5em;
     text-decoration: underline;
-        }
+}
-        .menuText {
+.menuText {
     margin-top: 5px;
     line-height: 1.5em;
-        }
+}
-        #infoText {
+#infoText {
     white-space: pre-wrap;
-        }
+}
-        .XButton {
+.XButton {
     position: absolute;
     right: 0px;
     top: 0px;
@@ -72,11 +72,11 @@
     padding:5px;
     text-align:center;
     border: 1px solid #ffffff;
-        }
+}
-        .XButton:hover {
+.XButton:hover {
     background-color: rgb(200, 33, 33);
-        }
+}
-        #infoSearch, #modManagerUrl {
+#infoSearch, #modManagerUrl {
     position: absolute;
     bottom: 50%;
     width: 95%;
@@ -89,11 +89,11 @@
     font-size: 1.5em;
     padding: 8px;
     font-family: 'Press Start 2P';
-        }
+}
-        #infoSearch:focus, #modManagerUrl:focus {
+#infoSearch:focus, #modManagerUrl:focus {
     outline: none;
-        }
+}
-        /*#modManagerAdd {
+/*#modManagerAdd {
     position: absolute;
     bottom: 25%;
     right: 25%;
@@ -105,53 +105,53 @@
     font-size: 2em;
     padding: 10px;
     font-family: 'Press Start 2P';
-        }*/
+}*/
-        #modManagerList {
+#modManagerList {
     margin-top: 20px;
-        }
+}
-        #modManagerList li {
+#modManagerList li {
     list-style-type: none;
     position: relative;
-        }
+}
-        #modManagerList li::before {
+#modManagerList li::before {
     content: '•';
     position: absolute;
     left: -1.5em;
     font-size: 1em;
     font-family: 'Press Start 2P';
-        }
+}
-        .removeModX {
+.removeModX {
     color: red;
     cursor: pointer;
-        }
+}
-        .removeModX:hover {
+.removeModX:hover {
     color: rgb(255, 107, 107);
-        }
+}
-        .infoLink {
+.infoLink {
     color: rgb(116, 140, 221);
     cursor: pointer;
     text-decoration: underline;
-        }
+}
-        button, input[type="submit"], input[type="reset"] {
+button, input[type="submit"], input[type="reset"] {
     background: none;
     color: inherit;
     border: none;
     padding: 0;
     font: inherit;
     cursor: pointer;
-        }
+}
-        .usingTab button:focus {
+.usingTab button:focus {
     filter: brightness(75%);
     outline: none;
-        }
+}
-        #underBox {
+#underBox {
     position: absolute;
     left: 50%;
     transform: translate(-50%, -0%);
     margin-top: 10px;
     width: 100%;
-        }
+}
-        #controls button {
+#controls button {
     padding: 5px 10px;
     border-radius: 5px;
     font-size: 1em;
@@ -160,122 +160,122 @@
     border: 1px solid #797979;
     margin: 0px 5px 5px 5px;
     font-variant: small-caps;
-        }
+}
-        #controls button.bright {
+#controls button.bright {
     text-shadow: 0.5px 1px 4px #ffffff;
     color: rgba(0, 0, 0, 0.75);   
-        }
+}
-        /*Darken when active*/
+/*Darken when active*/
-        #controls button:active, #controls button:active:hover {
+#controls button:active, #controls button:active:hover {
     filter: brightness(60%);
-        }
+}
-        #controls button:hover {
+#controls button:hover {
     filter: brightness(90%);
-        }
+}
-        #controls button:disabled {
+#controls button:disabled {
     cursor: not-allowed;
-        }
+}
-        #controls button[current="true"], #controls button[on="true"] {
+#controls button[current="true"], #controls button[on="true"] {
     border: 1px solid #ffffff;
     filter: brightness(110%);
     box-shadow: 0 5px 15px rgba(255, 255, 255, .4);
     color: rgba(255, 255, 255, 1);
-        }
+}
-        #controls button.bright[current="true"] {
+#controls button.bright[current="true"] {
     color: rgba(0, 0, 0, 1);
-        }
+}
-        #controls button[on="true"] {
+#controls button[on="true"] {
     border-color:lime;
     color:lime;
-        }
+}
-        #controls div {
+#controls div {
     display:block;
-        }
+}
-        .stat {
+.stat {
     margin-right: 25px;
     margin-bottom: 5px;
     float:right;
-        }
+}
-        #stats {
+#stats {
     margin: 0px 5px 5px 5px;
     font-size: 0.75em;
     height: 2em;
     width:100%;
-        }
+}
-        /* screen size < 700px */
+/* screen size < 700px */
-        @media screen and (max-width: 700px) {
+@media screen and (max-width: 700px) {
     #stats {padding-bottom:2em;}
     .pagetitle {
         font-size: 1em;
         padding-left: 0.25em;
     }
-        }
+}
-        /* screen size > 1325px, h1::after {content:" Sandboxels"} */
+/* screen size > 1325px, h1::after {content:" Sandboxels"} */
-        @media screen and (min-width: 1325px) {
+@media screen and (min-width: 1325px) {
     .pagetitle::after {content:" Sandboxels"}
-        }
+}
-        #stat-pos, #stat-pixels, #stat-shift, #stat-tps, #stat-ticks, #stat-view {
+#stat-pos, #stat-pixels, #stat-shift, #stat-tps, #stat-ticks, #stat-view {
     float:left;
-        }
+}
-        .categoryName {
+.categoryName {
     font-size: 0.75em;
     text-transform: uppercase;
     margin-left: 5px;
     vertical-align: middle;
-        }
+}
-        #extraInfo {
+#extraInfo {
     margin:5px
-        }
+}
-        #toolControls, #category-tools {
+#toolControls, #category-tools {
     white-space: nowrap;
     overflow-x: auto;
     overflow-y: hidden;
     width: 100%;
     position: absolute;
-        }
+}
 
-        /* Scrollbars */
+/* Scrollbars */
 
-        #toolControls, #category-tools, #categoryControls, #elementControls {
+#toolControls, #category-tools, #categoryControls, #elementControls {
     scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
     scrollbar-width: thin;
-        }
+}
 
-        @media screen and (max-width: 700px) {
+@media screen and (max-width: 700px) {
     #toolControls, #category-tools, #categoryControls, #elementControls {
     margin-bottom: 200px !important;
     }
-        }
+}
 
-        #toolControls::-webkit-scrollbar, #category-tools::-webkit-scrollbar, #categoryControls::-webkit-scrollbar, #elementControls::-webkit-scrollbar {
+#toolControls::-webkit-scrollbar, #category-tools::-webkit-scrollbar, #categoryControls::-webkit-scrollbar, #elementControls::-webkit-scrollbar {
     width: 5px;
     height: 8px;
     background-color: rgba(255, 255, 255, 0.15);
-        }
+}
-        #toolControls::-webkit-scrollbar-thumb, #category-tools::-webkit-scrollbar-thumb, #categoryControls::-webkit-scrollbar-thumb, #elementControls::-webkit-scrollbar-thumb {
+#toolControls::-webkit-scrollbar-thumb, #category-tools::-webkit-scrollbar-thumb, #categoryControls::-webkit-scrollbar-thumb, #elementControls::-webkit-scrollbar-thumb {
     background-color: rgba(255, 255, 255, 0.25);
     border-radius: 5px;
-        }
+}
-        #toolControls::-webkit-scrollbar-track, #category-tools::-webkit-scrollbar-track, #categoryControls::-webkit-scrollbar-track, #elementControls::-webkit-scrollbar-track {
+#toolControls::-webkit-scrollbar-track, #category-tools::-webkit-scrollbar-track, #categoryControls::-webkit-scrollbar-track, #elementControls::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.15);
     border-radius: 10px;
-        }
+}
-        #toolControls::-webkit-scrollbar-thumb:hover, #category-tools::-webkit-scrollbar-thumb:hover, #categoryControls::-webkit-scrollbar-thumb:hover, #elementControls::-webkit-scrollbar-thumb:hover {
+#toolControls::-webkit-scrollbar-thumb:hover, #category-tools::-webkit-scrollbar-thumb:hover, #categoryControls::-webkit-scrollbar-thumb:hover, #elementControls::-webkit-scrollbar-thumb:hover {
     background-color: rgba(255, 255, 255, 0.3);
-        }
+}
 
-        #toolControls {
+#toolControls {
     margin-top: -3.5em;
     z-index: 3;
-        }
+}
-        #category-tools {
+#category-tools {
     margin-top: -1.5em;
     z-index: 2;
-        }
+}
-        .category {
+.category {
     padding-top: 3em;
-        }
+}
-        #categoryControls {
+#categoryControls {
     margin-top: 0.5em;
     margin-bottom: 5px;
     background-color: rgba(255, 255, 255, 0.125);
@@ -286,8 +286,8 @@
     position: absolute;
     z-index: 1;
     padding-bottom:1px;
-        }
+}
-        #categoryControls button {
+#categoryControls button {
     /* Borderless buttons */
     border: none;
     border-radius: 0;
@@ -298,26 +298,26 @@
     display: inline-block;
     position: relative;
     z-index:0;
-        }
+}
-        #categoryControls button:not(:last-child) {
+#categoryControls button:not(:last-child) {
     border-right: 1px solid rgba(255, 255, 255, 0.4);
-        }
+}
-        #categoryControls button[current="true"] {
+#categoryControls button[current="true"] {
     border: none;
     background-color: rgba(255, 255, 255, 0.4);
-        }
+}
-        .category {
+.category {
     margin-top:3.1em;
     position:relative;
     display:flex;
     flex-direction: column;
     flex-wrap:wrap;
     text-align:center;
-        }
+}
-        button, input { /*Disable double tap zoom on mobile devices*/
+button, input { /*Disable double tap zoom on mobile devices*/
     touch-action: manipulation;
-        }
+}
-        select {
+select {
     background-color: black;
     vertical-align: middle;
     margin-left: 5px;
@@ -326,13 +326,41 @@
     border-radius: 20px;
     padding: 0.5em;
     color: white;
-        }
+    font-family: Arial, Helvetica, sans-serif;
-        #canvasDiv {
+}
+.settingsButton {
+    background-color: black;
+    vertical-align: middle;
+    margin-left: 5px;
+    margin-right: 5px;
+    border: white 0.5px solid;
+    border-radius: 20px;
+    padding: 0.5em;
+    color: white;
+    font-family: Arial, Helvetica, sans-serif;
+}
+#canvasDiv {
     position:relative;
-        }
+}
-        #colorSelector {
+#colorSelector {
     position:absolute;
     bottom:1em;
     right:1em;
     display: none;
-        }
+}
+.categoryButton.notify {
+    background-color: rgba(255, 0, 0, 0.25);
+}
+/* .elementButton.notify with a red glow */
+.elementButton.notify {
+    -webkit-box-shadow: 0px 0px 15px 5px #FF0000; 
+    box-shadow: 0px 0px 15px 5px #FF0000;
+}
+.noselect {
+    -webkit-touch-callout: none; /* iOS Safari */
+      -webkit-user-select: none; /* Safari */
+       -khtml-user-select: none; /* Konqueror HTML */
+         -moz-user-select: none; /* Firefox */
+          -ms-user-select: none; /* Internet Explorer/Edge */
+              user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
+}