forked from R74nCom/sandboxels
-
Notifications
You must be signed in to change notification settings - Fork 0
/
controls.html
162 lines (140 loc) · 7.33 KB
/
controls.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sandboxels Controls</title>
<meta name="description" content="How to play the free falling-sand browser game.">
<meta name="keywords" content="falling sand, elements, pixel art, simulator, powder">
<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">
<!--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">
<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 Controls">
<meta property="og:description" content="How to play the free falling-sand browser game.">
<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/wallpaper.png">
<meta property="og:image:width" content="1980">
<meta property="og:image:height" content="971">
<meta property="og:image:type" content="image/png">
<meta property="og:image:alt" content="A rainforest made in Sandboxels">
<!--Twitter-->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:description" content="How to play the free falling-sand browser game.">
<meta name="twitter:title" content="Sandboxels Controls">
<meta name="twitter:site:id" content="1436857621827530753">
<meta name="twitter:image" content="https://sandboxels.r74n.com/icons/card.png">
<meta name="twitter:image:alt" content="A rainforest made in Sandboxels">
<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;
}
}
#controls {
font-family: Arial, Helvetica, sans-serif
}
td:nth-child(odd) {
font-weight: bold;
}
table {
margin-left: auto;
margin-right: auto;
}
th {
text-align: center;
font-weight: bold;
}
h2 { text-align: center; }
</style>
</head>
<body>
<h1><a href="https://sandboxels.R74n.com" class="backbutton"><</a> Sandboxels Controls</h1>
</ul>
<div id="controls">
<h2>Keyboard/Mouse Controls</h2>
<table>
<thead><tr><th>Function</th><th>Control</th></tr></thead>
<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>/<kbd style="background-color:yellow;color:black">Shock</kbd>/<kbd style="background-color:888888;color:white">Smash</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>Cursor size 1</td> <td><kbd>Shift</kbd> + <kbd>-</kbd></td></tr>
<tr><td>Cursor size +15</td> <td><kbd>Shift</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>Open saves</td> <td><kbd>L</kbd></td></tr>
<tr><td>Open Mod Manager</td> <td><kbd>M</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>Normal view</td> <td><kbd>1</kbd></td></tr>
<tr><td>Thermal view</td> <td><kbd>2</kbd></td></tr>
<tr><td>Basic view (No effects)</td> <td><kbd>3</kbd></td></tr>
<tr><td>Smooth view (Low performance)</td> <td><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>Paste Image or Load Save File</td> <td><kbd>Ctrl</kbd> + <kbd>V</kbd> or <kbd>Drag & Drop</kbd></td></tr>
<tr><td>Close menu or clear logs</td> <td><kbd>Esc</kbd></td></tr>
<tr><td>Toggle Replace mode</td> <td><kbd>;</kbd></td></tr>
</table>
<h2>Button Info</h2>
<table>
<thead><tr><th>Button</th><th>Function</th></tr></thead>
<tr><td>Pause</td> <td>Pause/play the simulation</tr>
<tr><td>Step (>)</td> <td>Run a single frame of simulation</tr>
<tr><td>Minus (-)</td> <td>Decrease the cursor size</tr>
<tr><td>Plus (+)</td> <td>Increase the cursor size</tr>
<tr><td>Reset</td> <td>Clear the entire canvas</tr>
<tr><td>Replace</td> <td>Override existing pixels when placing</tr>
<tr><td>E</td> <td>Select any element by name</tr>
<tr><td>TPS</td> <td>Change how fast the simulation runs (Default 30tps)</tr>
<tr><td>Info</td> <td>Open the element info screen</tr>
<tr><td>Mods</td> <td>Open the Mod Manager</tr>
<tr><td>Settings</td> <td>Open the Settings Menu</tr>
</table>
<h2>Stats Bar Info</h2>
<table>
<thead><tr><th>Text</th><th>Function</th></tr></thead>
<tr><td>x123,y123</td> <td>Coordinates of the cursor's center</tr>
<tr><td>Pxls:123</td> <td>Amount of pixels currently on-screen</tr>
<tr><td>30tps</td> <td>Simulation ticks attempted to run per second</tr>
<tr><td>1234</td> <td>Total amount of ticks simulated</tr>
<tr><td>[↑ ] or [ ↑]</td> <td>Shift is held down</tr>
<tr><td>[A ] or [ A]</td> <td>Alt/Option is held down</tr>
<tr><td>ELEM:SAND</td> <td>Pixel currently hovered over</tr>
<tr><td>Temp:20°C</td> <td>Temperature of the pixel</tr>
<tr><td>C1, C0.75, ...</td> <td>Electric charge of the pixel</tr>
</table>
<p>The original <a href="https://r74n.com/controls.txt">plain text version</a> may not be maintained.</p>
</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>