1.5.1
This commit is contained in:
slweeb
parent
da914b450b
commit
3482dbe471
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
BIN
icons/card.png
BIN
icons/card.png
Binary file not shown.
|
Before Width: | Height: | Size: 253 KiB After Width: | Height: | Size: 371 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 217 KiB After Width: | Height: | Size: 375 KiB |
752
index.html
752
index.html
File diff suppressed because it is too large
Load Diff
280
style.css
280
style.css
|
|
@ -1,30 +1,30 @@
|
|||
html, body {
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
/* Load the font PressStart2P-Regular.ttf */
|
||||
@font-face {
|
||||
}
|
||||
/* Load the font PressStart2P-Regular.ttf */
|
||||
@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:hover {color: rgb(255, 121, 255);}
|
||||
a:active, a:hover:active {color: rgb(255, 179, 255);}
|
||||
#gameDiv { /*game canvas*/
|
||||
}
|
||||
a {color: rgb(255, 0, 255);text-decoration: none;}
|
||||
a:hover {color: rgb(255, 121, 255);}
|
||||
a:active, a:hover:active {color: rgb(255, 179, 255);}
|
||||
#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*/
|
||||
#controls button:active, #controls button:active:hover {
|
||||
}
|
||||
/*Darken when active*/
|
||||
#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 */
|
||||
@media screen and (max-width: 700px) {
|
||||
}
|
||||
/* screen size < 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"} */
|
||||
@media screen and (min-width: 1325px) {
|
||||
}
|
||||
/* screen size > 1325px, h1::after {content:" Sandboxels"} */
|
||||
@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;
|
||||
}
|
||||
#canvasDiv {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
.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 */
|
||||
}
|
||||
Loading…
Reference in New Issue