221 lines
13 KiB
HTML
221 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title id="titleTag">Sandboxels - Experiment with Pixels</title>
|
|
<meta name="description" content="Relax or experiment with over 500 materials in this falling sand simulator, featuring heat, chemical reactions, density, burning, explosions." id="pageDesc">
|
|
<meta name="keywords" content="falling sand, elements, pixel art, simulator, powder, toy, chemistry, science, educational">
|
|
<meta name="author" content="R74n">
|
|
<meta name="copyright" content="R74n">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="robots" content="all">
|
|
<meta name="contact" content="contact@R74n.com">
|
|
<meta http-equiv="refresh" content="0; url=https://neal.fun/sandboxels/">
|
|
<link rel="canonical" href="https://neal.fun/sandboxels/"/>
|
|
|
|
<!--Favicons-->
|
|
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png?v=2">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png?v=2">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png?v=2">
|
|
<link rel="manifest" href="manifest.json">
|
|
<link rel="mask-icon" href="icons/safari-pinned-tab.svg?v=2" color="#2167ff">
|
|
<link rel="shortcut icon" href="icons/favicon.ico?v=2">
|
|
<link rel="help" href="https://sandboxels.R74n.com/help">
|
|
<link rel="search" href="https://R74n.com/search/#gsc.tab=0">
|
|
<link rel="license" href="https://sandboxels.R74n.com/license.txt">
|
|
<meta name="msapplication-TileColor" content="#e6d577">
|
|
<meta name="theme-color" content="#000000">
|
|
|
|
<!--OpenGraph-->
|
|
<meta property="og:locale" content="en_US">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Sandboxels - Experiment with Pixels">
|
|
<meta property="og:description" content="Relax or experiment with over 500 materials in this falling sand simulator.">
|
|
<meta property="og:url" content="https://sandboxels.r74n.com">
|
|
<meta property="og:site_name" content="Sandboxels">
|
|
<meta property="og:image" content="https://sandboxels.r74n.com/icons/cover-3840x1240px-text.png">
|
|
<meta property="og:image:width" content="3840">
|
|
<meta property="og:image:height" content="1240">
|
|
<meta property="og:image:type" content="image/png">
|
|
<meta property="og:image:alt" content="Magma falling into Water, forming Steam and Basalt. Pixel art style.">
|
|
|
|
<!--Twitter-->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="Sandboxels - Experiment with Pixels">
|
|
<meta name="twitter:description" content="Relax or experiment with over 500 materials in this falling sand simulator.">
|
|
<meta name="twitter:site:id" content="1436857621827530753">
|
|
<meta name="twitter:image" content="https://sandboxels.r74n.com/icons/cover-3840x1240px-text.png">
|
|
<meta name="twitter:image:alt" content="Magma falling into Water, forming Steam and Basalt. Pixel art style.">
|
|
<meta name="twitter:creator:id" content="1436857621827530753">
|
|
|
|
<link rel="stylesheet" type="text/css" href="style.css?nocache=3">
|
|
<!-- <style>
|
|
/* on mobile, make h1 fit on one line */
|
|
@media only screen and (max-width: 800px) {
|
|
h1 { font-size: 1em; }
|
|
}
|
|
#content { font-family: Arial, Helvetica, sans-serif; font-size:1.5em; }
|
|
h2 { text-align: center; margin-bottom:0; margin-top:45px}
|
|
</style> -->
|
|
|
|
<!-- Schema -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": ["VideoGame","MobileApplication","WebApplication"],
|
|
"gamePlatform":["Web Browser","Windows","macOS"],
|
|
"image":"https://sandboxels.r74n.com/icons/icon.png",
|
|
"url": "https://sandboxels.r74n.com",
|
|
"name":"Sandboxels",
|
|
"author":"R74n",
|
|
"creator":"R74n",
|
|
"description":"Sandboxels is an in-browser falling sand simulator, with mechanics such as heat simulation, electricity, density, chemical reactions, fire, and over 500 unique elements to play with.",
|
|
"offers":{
|
|
"@type":"Offer",
|
|
"price":"0",
|
|
"priceCurrency":"USD",
|
|
"availability":"https://schema.org/InStock"
|
|
},
|
|
"genre": "Falling-sand game",
|
|
"softwareVersion":"1.13",
|
|
"datePublished":"2021-12-15",
|
|
"dateCreated":"2021-12-15",
|
|
"gameTip":"https://sandboxels.r74n.com/controls",
|
|
"softwareHelp":"https://sandboxels.r74n.com/controls",
|
|
"releaseNotes":"https://sandboxels.r74n.com/changelog",
|
|
"screenshot": "https://sandboxels.r74n.com/icons/cover-3840x1240px-text.png",
|
|
"softwareRequirements": "HTML5",
|
|
"archivedAt": "https://web.archive.org/web/20230519005427/https://sandboxels.r74n.com/",
|
|
"copyrightYear": 2021,
|
|
"copyrightNotice": "©2021-2025. All Rights Reserved. R74n",
|
|
"license": "https://sandboxels.r74n.com/license.txt",
|
|
"discussionUrl": ["https://r74n.com/discord/","https://www.reddit.com/r/Sandboxels/","https://steamcommunity.com/app/3664820/discussions/"],
|
|
"downloadUrl": "https://store.steampowered.com/app/3664820/Sandboxels/",
|
|
"installUrl": "https://store.steampowered.com/app/3664820/Sandboxels/",
|
|
"trailer": "https://www.youtube.com/watch?v=TgHnD-KRieM",
|
|
"educationalUse": "Hands-on lab experiments and learning",
|
|
"headline": "Sandboxels",
|
|
"isAccessibleForFree": true,
|
|
"isFamilyFriendly": true
|
|
}</script>
|
|
</head>
|
|
|
|
<body>
|
|
<h1><a href="https://sandboxels.R74n.com" class="backbutton"><</a> Sandboxels</h1>
|
|
|
|
<div id="content">
|
|
|
|
<h2>Redirecting...</h2>
|
|
|
|
<div id="playNow">
|
|
<a href="https://neal.fun/sandboxels/">Play Now ></a>
|
|
</div>
|
|
|
|
<p>If you aren't redirected, press the link above.</p>
|
|
|
|
<style>
|
|
#playNow {
|
|
height: 5em;
|
|
display: flex;
|
|
align-content: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
</style>
|
|
|
|
<div id="bottomInfoBox">
|
|
<div id="bottomTopBox">
|
|
<!-- <iframe src="promo.html" style="border:none;width: 300px; height: 250px;"></iframe> -->
|
|
|
|
<!-- <input id="playlightButton" type="submit" onclick="loadPlaylight();" value="More Games" style="background: rgb(23, 166, 255); padding:15px; border-radius: 20px"></input></p> -->
|
|
<div id="bottomTopBoxColumns">
|
|
<div>
|
|
<div id="newsletterFrame"><a href="https://news.r74n.com/" target="_blank">R74n Newsletter</a>: Be notified when Sandboxels and other R74n projects are updated, along with ramblings from the developer!<br><br>
|
|
<form action="https://news.r74n.com/api/v1/free?nojs=true" method="post" class="form _form_1mxvn_6" novalidate="" target="_blank"><input type="hidden" name="first_url" value="https://news.r74n.com/embed"><input type="hidden" name="first_referrer"><input type="hidden" name="current_url" value="https://news.r74n.com/embed"><input type="hidden" name="current_referrer"><input type="hidden" name="referral_code"><input type="hidden" name="source" value="embed"><input type="hidden" name="referring_pub_id"><input type="hidden" name="additional_referring_pub_ids">
|
|
<input type="email" placeholder="Type your email..." name="email" autocomplete="email" style="padding:15px;margin-right:0;border-color:#F4ABFF;border-right:none"><input type="submit" value="Subscribe" style="background: #F4ABFF; padding:15px; border:solid 2px #F4ABFF; border-radius: 0"></input>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>More R74n games: <a href="https://R74n.com/gentown/" target="_blank">GenTown <span style="color:red">(NEW)</span>, <a href="https://R74n.com/cook/" target="_blank">Infinite Chef</a></a></p>
|
|
<p>Email us at <a href="mailto:contact@R74n.com?subject=%5BSandboxels%5D">contact@R74n.com</a> for advertising, help, or education!</p>
|
|
<p>Support development by subscribing on <a href="https://www.patreon.com/R74n" style="color:#f96854" rel="me" target="_blank">our Patreon</a>! Many benefits!!</p>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
#newsletterFrame {
|
|
max-width: 600px;
|
|
margin: auto;
|
|
padding: 5px;
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
border: 2px solid var(--theme);
|
|
}
|
|
</style>
|
|
</div>
|
|
|
|
<div id="bottomLeftBox">
|
|
<h2 id="introTitle">Sandboxels Introduction</h2>
|
|
<p id="intro1"><strong><dfn>Sandboxels</dfn></strong> is a free falling-sand simulator that can be played in your browser. It features heat simulation, electricity, density, chemical reactions, cooking, and fire spread. With over 500 unique elements to play with, Sandboxels is a great way to pass the time and relax.</p>
|
|
<p id="intro2">There are thousands of interactions between the many materials, plants, animals, fluids, and powders in the game.</p>
|
|
<p id="intro3">Falling-sand games are a genre of sandbox games characterized by falling particles of various types.</p>
|
|
<p id="intro4">Simply click or use your touchscreen to select a category, like <strong>Liquids</strong>, then pick an element, like <strong>Water</strong>. Drag on the canvas above to place your pixels, and watch them interact with others!</p>
|
|
<img id="introImage" src="icons/cover-3840x1240px.webp" style="width:100%" alt="Magma falling into Water, creating Basalt and Steam" title="Magma falling into Water, creating Basalt and Steam">
|
|
<p id="intro5">Sandboxels has many <a href="https://sandboxels.R74n.com/education-use">applications in education</a>. With a hands-on experience, it can give students an understanding of emerging phenomena in many fields, such as biology, chemistry, ecology, geology, cooking, and even virology. There are countless aspects to discover.</p>
|
|
<p id="intro6">We have a thriving community on <a href="https://discord.gg/ejUc6YPQuS" target="_blank">Discord</a>! There you can post feedback or share your creations.</p>
|
|
<!-- <p>If you'd like to support us, consider donating on <a href="https://www.paypal.com/donate/?hosted_button_id=GCX4VHQ7SZWTN" target="_blank">PayPal</a> or <a href="https://cash.app/$emojiartist" target="_blank" title="$emojiartist">CashApp</a>, or subscribing on Discord.</p> -->
|
|
<p id="intro7">Business inquiries? Education stories? Help needed? Email us at <a href="mailto:contact@R74n.com?subject=%5BSandboxels%5D">contact@R74n.com</a>!</p>
|
|
<p id="introLinks">More links: <a href="https://sandboxels.R74n.com/help" rel="help">Help</a> • <a href="https://sandboxels.R74n.com/tips">Tips</a> • <a href="https://sandboxels.R74n.com/mod-list">Mods</a> • <a href="https://sandboxels.R74n.com/mobile-use">Mobile</a> • <a href="https://sandboxels.R74n.com/offline-use">Offline</a> • <a href="https://sandboxels.R74n.com/presskit">Press</a> • <a href="https://store.steampowered.com/app/3664820/Sandboxels/" target="_blank">Steam</a> • <a href="https://R74n.com/privacy">Privacy</a></p>
|
|
<p><span id="patronThanks">Thanks to our Patrons</span>: Serioustar, ggod, personman, fnl4y, PitsPower, swagg boi, moss, Suss, epsiloneridani, Tempest the Slime, Midi_png, WeiChei, Trent, u2ce</p>
|
|
<p style="display:none" id="langCredit">Translation by R74n</p>
|
|
<p id="outro">Sandboxels is developed by R74n. Check out <a href="https://R74n.com" rel="author" target="_blank">our other projects</a>!</p>
|
|
</div>
|
|
<div id="bottomRightBox">
|
|
<h2>Controls</h2>
|
|
<table id="controlsTable">
|
|
<tr><td>Draw pixels</td> <td><kbd>Left Click</kbd></td></tr>
|
|
<tr><td>Erase pixels</td> <td><kbd>Right Click</kbd></td></tr>
|
|
<tr><td>Pick element</td> <td><kbd>Middle Click</kbd></td></tr>
|
|
<tr><td>Pause simulation</td> <td><kbd>Space</kbd> or <kbd>P</kbd></td></tr>
|
|
<tr><td>Intensify effect</td> <td><kbd>Shift</kbd> + <kbd style="background-color:red;">Heat</kbd>/<kbd style="background-color:blue;">Cool</kbd>/<kbd style="background-color:#c1cfb6;color:black">Drag</kbd>/<kbd style="background-color:#fff4b5;color:black">Mix</kbd></td></tr>
|
|
<tr><td>Draw line</td> <td><kbd>Shift</kbd> + <kbd>Click</kbd></td></tr>
|
|
<tr><td>Change cursor size</td> <td><kbd>Scroll</kbd> or <kbd>+</kbd><kbd>-</kbd> or <kbd>[</kbd><kbd>]</kbd></td></tr>
|
|
<tr><td>Change category</td> <td><kbd>←</kbd><kbd>→</kbd></td></tr>
|
|
<tr><td>Select by name</td> <td><kbd>E</kbd></td></tr>
|
|
<tr><td>Element info</td> <td><kbd>I</kbd> or <kbd>/</kbd></td></tr>
|
|
<tr><td>Open settings</td> <td><kbd>\</kbd></td></tr>
|
|
<tr><td>Reset canvas</td> <td><kbd>R</kbd></td></tr>
|
|
<tr><td>Single step</td> <td><kbd>></kbd></td></tr>
|
|
<tr><td>Fullscreen</td> <td><kbd>F</kbd> or <kbd>F11</kbd></td></tr>
|
|
<tr><td>Change view</td> <td><kbd>1</kbd><kbd>2</kbd><kbd>3</kbd><kbd>4</kbd></td></tr>
|
|
<tr><td>Toggle GUI</td> <td><kbd>F1</kbd></td></tr>
|
|
<tr><td>Capture screenshot</td> <td><kbd>C</kbd> or <kbd>F2</kbd></td></tr>
|
|
<tr><td colspan="2" style="text-align:center"><strong><a href="https://sandboxels.r74n.com/controls" target="_blank" title="Open the controls file">More controls</a></strong></td></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-93720349-9"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'UA-93720349-9');
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|