From 4d514b6255486106c91c7db865d26690dbfb4f23 Mon Sep 17 00:00:00 2001 From: slweeb <91897291+slweeb@users.noreply.github.com> Date: Tue, 28 Dec 2021 17:44:28 -0500 Subject: [PATCH] Density and Reactions Update --- changelog.txt | 57 +- controls.txt | 9 +- index.html | 1684 +++++++++++++++++++++++++++++++++++++++++-------- 3 files changed, 1476 insertions(+), 274 deletions(-) diff --git a/changelog.txt b/changelog.txt index d95ea0b9..86723d8f 100644 --- a/changelog.txt +++ b/changelog.txt @@ -1,8 +1,61 @@ [Future Plans] - + Density Update - + Reactions Update + + Artists' Update (Painting, Lines, Shapes, etc.) + + Explosives Update + Electricity & Machines Update +[Version 0.7 - Density & Reactions] + + New category-based element selection menu + + Pixels are now slightly smaller allowing for more space + + Scroll wheel now controls cursor size + + Absolute zero temperature (-273.15°C) + + Molten elements are now colored differently + + Mix tool + + **Density** + + If density is higher, powders will sink in liquids, liquids in liquids, powders in gases, etc. + + Each powder, liquid, and gas has its own density value + + **Reactions between elements** + + Element info lookup GUI + + Right click an element button to open its info + + Press the / or I key to open the info screen + + Click underlined elements to open their info + + Info button + + Lookup tool + + Mud & Mudstone + + Wet Sand & Packed Sand + + Zinc, Tin, Nickel, Silver, Gold, Aluminum + + Alloys made by mixing molten metals + + Brass, Bronze, Sterling, Steel, Rose Gold + + Gold Coins + + Milk, Yogurt, Udder + + Vinegar + + Baking Soda + + Corn, Corn Seed, Popcorn + + Plant Root + + Potato, Potato Seed + + Yeast, Bread, Toast + + Flour, Dough + + Salt, Salt Water + + Sugar, Caramel, Candy, Sugar Water + + Plants convert carbon dioxide to oxygen + + Rust + + Hydrogen + + Nitrogen + + Alcohol + + Lichen + + Ruins can now melt + + Permafrost now melts into mud + ~ Arrow buttons have been changed to + and - + + New icons for holding Alt/Option and Right Shift + ~ Fixed: Ghost pixels + ~ Fixed: Fire turns to smoke too much + ~ Fixed: Plasma goes out of control + ~ Fixed: Console error when leaving element select popup blank + + Technical: "name" is no longer a required element attribute + + Technical: New element attributes used for moving elements for density simulation + + "state" (solid, liquid, or gas) + + "density" (density of the element in kg/m³) + + Automatic molten elements are given 0.9x density + [Version 0.6 - Thermal Conductivity - Dec. 23, 2021] + Thermal Conductivity / Heat Transfer + Insulation diff --git a/controls.txt b/controls.txt index 07e80978..55ab1d95 100644 --- a/controls.txt +++ b/controls.txt @@ -5,11 +5,13 @@ Spacebar or P = Pause Simulation Shift + Heat = Intense Heating Shift + Cool = Intense Cooling + Scroll = Change Cursor Size - or [ = Decrease Cursor Size + or ] = Increase Cursor Size Shift + - = Set Cursor Size to 1 Shift + + = Increase Cursor Size E = Element Selection + / or I = Element Info Screen > = Step (Alt/Option can be used in place of Shift) @@ -17,10 +19,11 @@ [Button Info] Pause = Pause/play the simulation Step = Run a single frame - Up Arrow = Increase the cursor size - Down Arrow = Increase the cursor size + Minus = Decrease the cursor size + Plus = Increase the cursor size Reset = Clears the entire simulation Replace = Overrides pixels when placing E = Select any element by name TPS = Change how fast the simulation runs - Hide = Run the simulation without updating the display \ No newline at end of file + Hide = Run the simulation without updating the display + Info = Brings up the element info screen \ No newline at end of file diff --git a/index.html b/index.html index 10255ad2..be08a05c 100644 --- a/index.html +++ b/index.html @@ -24,6 +24,7 @@ } h1 { padding: 10px; + padding-bottom: 0px; } a {color: rgb(255, 0, 255);text-decoration: none;} a:hover {color: rgb(255, 121, 255);} @@ -40,6 +41,62 @@ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } + #infoScreen { + border: 1px solid #ffffff; + position: absolute; + left: 50%; + transform: translate(-50%, 8%); + width: 95%; + height: 50%; + max-width: 700px; + padding: 10px; + background-color: rgb(31, 31, 31); + display: none; + overflow-x: scroll; + } + #infoTitle { + font-size: 1.5em; + text-decoration: underline; + } + #infoText { + margin-top: 15px; + white-space: pre-wrap; + line-height: 1.5em; + } + #infoX { + position: absolute; + right: 0px; + top: 0px; + font-size: 2em; + background-color: rgb(100, 33, 33); + padding:5px; + text-align:center; + border: 1px solid #ffffff; + } + #infoX:hover { + background-color: rgb(200, 33, 33); + } + #infoSearch { + position: absolute; + bottom: 0px; + width: 100%; + height: 50px; + left: 50%; + transform: translate(-50%, 0%); + background-color: rgb(66, 66, 66); + color: white; + font-size: 1.5em; + padding: 10px; + font-family: 'Press Start 2P'; + } + #infoSearch:focus { + outline: none; + } + .infoLink { + color: rgb(116, 140, 221); + cursor: pointer; + text-decoration: underline; + } button, input[type="submit"], input[type="reset"] { background: none; color: inherit; @@ -118,6 +175,62 @@ #extraInfo { margin:5px } + #categoryControls { + margin-top: 5px; + margin-bottom: 5px; + background-color: rgba(255, 255, 255, 0.125); + white-space: nowrap; + overflow-x: scroll; + overflow-y: hidden; + width: 100%; + position: absolute; + z-index: 0; + padding-bottom:1px; + } + #categoryControls button { + /* Borderless buttons */ + border: none; + border-radius: 0; + padding-right: 8px; + margin: 0; + padding-top: 5px; + padding-bottom: 5px; + display: inline-block; + position: relative; + z-index:1; + } + #categoryControls button:not(:last-child) { + border-right: 1px solid rgba(255, 255, 255, 0.4); + } + #categoryControls button[current="true"] { + border: none; + background-color: rgba(255, 255, 255, 0.4); + } + /* Dark Gray X Scrollbar for categoryControls */ + #categoryControls::-webkit-scrollbar { + width: 5px; + height: 8px; + background-color: rgba(255, 255, 255, 0.15); + } + #categoryControls::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25); + border-radius: 5px; + } + #categoryControls::-webkit-scrollbar-track { + box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.15); + border-radius: 10px; + } + #categoryControls::-webkit-scrollbar-thumb:hover { + background-color: rgba(255, 255, 255, 0.3); + } + .category { + margin-top:3.1em; + position:relative; + display:flex; + flex-direction: column; + flex-wrap:wrap; + text-align:center; + }