├── .gitignore
├── PICO-8.ttf
├── palette.png
├── palette.xcf
├── unicorn.png
├── controls.png
├── screensize.png
├── screensize.xcf
├── palette_numbers.png
├── picoPalette.pyxel
├── picoPalette_palette.png
├── README.md
├── main.css
├── index_en.html
├── index.html
├── index_fr.html
├── tracker.svg
└── controls.svg


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | 


--------------------------------------------------------------------------------
/PICO-8.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ztiromoritz/pico-8-spick/HEAD/PICO-8.ttf


--------------------------------------------------------------------------------
/palette.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ztiromoritz/pico-8-spick/HEAD/palette.png


--------------------------------------------------------------------------------
/palette.xcf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ztiromoritz/pico-8-spick/HEAD/palette.xcf


--------------------------------------------------------------------------------
/unicorn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ztiromoritz/pico-8-spick/HEAD/unicorn.png


--------------------------------------------------------------------------------
/controls.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ztiromoritz/pico-8-spick/HEAD/controls.png


--------------------------------------------------------------------------------
/screensize.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ztiromoritz/pico-8-spick/HEAD/screensize.png


--------------------------------------------------------------------------------
/screensize.xcf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ztiromoritz/pico-8-spick/HEAD/screensize.xcf


--------------------------------------------------------------------------------
/palette_numbers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ztiromoritz/pico-8-spick/HEAD/palette_numbers.png


--------------------------------------------------------------------------------
/picoPalette.pyxel:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ztiromoritz/pico-8-spick/HEAD/picoPalette.pyxel


--------------------------------------------------------------------------------
/picoPalette_palette.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ztiromoritz/pico-8-spick/HEAD/picoPalette_palette.png


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # pico-8-spick
2 | A PICO-8 Cheatsheet. Intended to be helpfull for people learning and having fun with PICO-8 and Lua. 
3 |  * [German](https://github.com/ztiromoritz/pico-8-spick/raw/master/build/pico-8-spickzettel.pdf)
4 |  * [English](https://github.com/ztiromoritz/pico-8-spick/raw/master/build/pico-8-cheatsheet.pdf)
5 |  * [French](https://github.com/ztiromoritz/pico-8-spick/raw/master/build/pico-8-antiseche.pdf)
6 | 


--------------------------------------------------------------------------------
/main.css:
--------------------------------------------------------------------------------
  1 | @font-face {
  2 | font-family: "pico8";
  3 |     src: url("./PICO-8.ttf");
  4 | }
  5 | 
  6 | * {
  7 |     margin: 0;
  8 |     padding: 0;
  9 | }
 10 | 
 11 | * {
 12 |     -webkit-padding-start: 0px;
 13 | }
 14 | 
 15 | body {
 16 |     background-color: #aaa;
 17 | }
 18 | 
 19 | .page {
 20 |     font-family: Courier, monospace;
 21 |     height: 277mm;
 22 |     width: 210mm;
 23 |     margin: 0 auto;
 24 |     background-color: #fff;
 25 |     /* background-color: #ff00ff; */
 26 | }
 27 | 
 28 | .title {
 29 |     width: 205mm;
 30 |     height: 1mm;
 31 |     margin: 2.5mm;
 32 |     padding-top: 3mm;
 33 |     font-family: pico8, monospace;
 34 |     font-size: 10px;
 35 |     /*background-color: #00ff00;*/
 36 | }
 37 | 
 38 | .column {
 39 |     height: 287mm;
 40 |     width: 65mm;
 41 |     margin: 2.5mm;
 42 |     /*background-color: #00ff00;  */
 43 |     float: left
 44 | }
 45 | 
 46 | .block {
 47 |     width: 100%;
 48 |     background-color: #eee;
 49 |     margin-top: 1mm;
 50 |     margin-bottom: 0mm;
 51 |     background-color: #eee;
 52 | }
 53 | 
 54 | .shortcut {
 55 | font-size: 14px;
 56 | }
 57 | 
 58 | .block h3 {
 59 |     margin-top: 1mm;
 60 |     margin-left: 1mm;
 61 |     margin-bottom: 1mm;
 62 | 
 63 | 
 64 | }
 65 | 
 66 | .block h4 {
 67 |     margin-top: 2mm;
 68 | }
 69 | 
 70 | pre,
 71 | .gray {
 72 |     background-color: #ddd;
 73 | }
 74 | 
 75 | code::first-line {
 76 |     line-height: 0px;
 77 | }
 78 | 
 79 | code {
 80 |     font-family: pico8, monospace;
 81 |     line-height: 1.4;
 82 |     font-size: 11px;
 83 | }
 84 | 
 85 | .pdf {
 86 |     font-family: pico8, monospace;
 87 |     font-size: 12px;
 88 |     padding: 5px;
 89 |     width: 180px;
 90 |     height: 80px;
 91 |     line-height: 1.4;
 92 |     background-color: white;
 93 |     position: absolute;
 94 |     right: 10px;
 95 |     top: 10px;
 96 | }
 97 | 
 98 | pre,p {
 99 |     padding-left:1mm;
100 | }
101 | p {
102 |     font-size: 11px;
103 | }
104 | 
105 | @media print {
106 |     .pdf {
107 |         display: none;
108 |     }
109 | }
110 | 
111 | .musicoverlay {
112 |    display: block;
113 |    font-weight: bolder;
114 |    font-face: monospace;
115 |    font-size: 24px;
116 |    background-color: #ddd;
117 |    position: absolute;
118 | }
119 | .ov_effect {
120 |  top: 2px;
121 |  left: 157px;
122 |  width: 83px;
123 | }
124 | .ov_instrument {
125 |  top: 2px;
126 |  left: 2px;
127 |  width: 140px;
128 | }
129 | .ov_tone {
130 |  top: 31px;
131 |  left: 2px;
132 |  width: 70px;
133 | }
134 | .ov_octave {
135 |  top: 67px;
136 |  left: 3px;
137 |  width: 95px;
138 | }
139 | .ov_volume {
140 |  top: 67px;
141 |  left: 101px;
142 |  width: 110px;
143 | }
144 | 
145 | 


--------------------------------------------------------------------------------
/index_en.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="utf-8">
  6 |     <title>pico-8 cheatsheet</title>
  7 |     <link rel="stylesheet" type="text/css" href="main.css"></link>
  8 | </head>
  9 | 
 10 | <body>
 11 | 
 12 |     <div class="page">
 13 |         <div class="title">
 14 |             <h1>
 15 |                 PICO-8 Cheatsheet
 16 |             </h1>
 17 |         </div>
 18 |         <div class="column">
 19 |             <div class="block">
 20 |                 <h3>Commandline</h3>
 21 |                 <pre>
 22 | <code class="language-lua">HELP
 23 | SAVE GAME.P8
 24 | LOAD GAME.P8
 25 | RUN
 26 | SPLORE
 27 | </code></pre>
 28 |             </div>
 29 | 
 30 |             <div class="block">
 31 | 
 32 |                 <h3>Variables &amp; Types</h3>
 33 |                 <pre><code class="language-lua">A=nil
 34 | X=23
 35 | local S="TEXT"
 36 | T={name="Joe", age="32"}
 37 | </code></pre>
 38 |             </div>
 39 |             <div class="block">
 40 | 
 41 |                 <h3>Operators</h3>
 42 |                 <pre><code class="language-lua">+ - * / ^ %
 43 | &lt; > <= >= ~= ==
 44 | #list  "A".."B"
 45 | and or not
 46 | </code></pre>
 47 |             </div>
 48 | 
 49 |             <div class="block">
 50 | 
 51 |                 <h3>Functions</h3>
 52 |                 <pre><code class="language-lua">FUNCTION ADD(a,b)
 53 |  RETURN A+B
 54 | END</code></pre>
 55 |             </div>
 56 | 
 57 |             <div class="block">
 58 | 
 59 |                 <h3>If-Statement</h3>
 60 |                 <pre><code class="language-lua">IF (X  < 33) THEN
 61 |  PRINT("HALLO")
 62 | else
 63 |  print("hey")
 64 | END</code></pre>
 65 |             </div>
 66 | 
 67 |             <div class="block">
 68 |                 <h3>Loops</h3>
 69 |                 <pre><code class="language-lua">--UP
 70 | FOR I = 1,10 DO
 71 |  PRINT(I)
 72 | END
 73 | 
 74 | --DOWN
 75 | FOR A=10,0,-2 DO
 76 |  PRINT(A)
 77 | END
 78 | 
 79 | --ARRAY
 80 | FOR S IN ALL(SHIPS) DO
 81 |  PRINT(S.NAME)
 82 | END
 83 | 
 84 | --Table
 85 | FOR K,V IN PAIRS(M) DO
 86 |  PRINT("K:"..K..",V:"..V)
 87 | END</code></pre>
 88 | 
 89 | 
 90 | 
 91 |             </div>
 92 |             <div class="block">
 93 |                 <h3>Tables</h3>
 94 |                 <pre><code class="language-lua">t={a="x",b=1}
 95 | add(t, v)
 96 | del(t, v)
 97 | t={1,2,3,4}
 98 | print(t[1]) --1-based!! </code></pre>
 99 |             </div>
100 |         </div>
101 | 
102 | 
103 |         <div class="column">
104 |             <div class="block">
105 |                 <h3>Special callbacks</h3>
106 |                 <pre><code class="language-lua">_init() _update() _draw()</code></pre>
107 |             </div>
108 |             <div class="block">
109 |                 <h3>Sprites</h3>
110 |                 <pre><code class="language-lua">spr(n, x, y, [w, h],
111 |   [flip_x], [flip_y])
112 | sspr(sx, sy, sw, sh,
113 |   dx, dy, [dw, dh],
114 |   [flip_x], [flip_y])</code></pre>
115 |              </div>
116 |             <div class="block">
117 |                 <h3>Colors</h3>
118 |                 <img src="./palette_numbers.png" width="100%">
119 |                 <pre><code class="language-lua"></code></pre>
120 |             </div>
121 |             <div class="block">
122 |                 <h3>Pixel</h3>
123 |                 <pre><code class="language-lua">pset(x, y, [c])
124 | pget(x,y)</code></pre>
125 | 
126 |             </div>
127 |             <div class="block">
128 |                 <h3>Shapes</h3>
129 |                 <pre><code class="language-lua">rect(x0,y0,x1,y1, [col])
130 | rectfill(x0,y0,x1,y1,[c])
131 | circ(x, y, r, [c])
132 | circfill(x, y, r, [c])
133 | line(x0, y0, x1, y1, [c])</code></pre>
134 |             </div>
135 |             <div class="block">
136 |                 <h3>Screen</h3>
137 |                 <pre><code class="language-lua">cls()
138 | camera([x, y])
139 | clip([x, y, w, h])</code></pre>
140 |                 <img src="screensize.png" width="100%">
141 | 
142 |             </div>
143 |             <div class="block">
144 |                 <h3>Map</h3>
145 |                 <pre><code class="language-lua">mget(x, y)
146 | mset(x, y, v)
147 | map(map_x, map_y,
148 |   screen_x, screen_y,
149 |   width, height, [layer])</code></pre>
150 | 
151 |             </div>
152 | 
153 | 
154 | 
155 | 
156 |         </div>
157 | 
158 |         <div class="column">
159 |             <div class="block">
160 |                 <h3>Controls</h3>
161 |                 <div class="gray">
162 | 
163 |                     <img src="./controls.png" width="100%">
164 |                 </div>
165 |                 <p>
166 |                     Player 1:
167 |                     <br>&nbsp; ⬅︎⬆︎⬇︎➡︎ Y,X/C,V/N,M
168 |                     <br> Player 2:
169 |                     <br>&nbsp; ASDF, LSHIFT, A
170 |                     <br>
171 |                 </p>
172 |                 <pre><code class="language-lua">btn([i, [p]])
173 | btnp([i, [p]]) </code></pre>
174 |             </div>
175 | 
176 | 
177 |             <div class="block">
178 |                 <h3>Sound</h3>
179 |                 <pre><code class="language-lua">sfx(n, [chan, offset])
180 | music([n, [fade, mask]])</code></pre>
181 |             </div>
182 |             <div class="block">
183 |                 <h3>Tracker</h3>
184 |                 <div style="background-color:#ddd; position: relative;">
185 |                <img src="./tracker.svg" width="100%">
186 |               </div>
187 |                 <pre><code class="language-lua">0 none
188 | 1 slide
189 | 2 vibrato
190 | 3 drop (drum)
191 | 4 fade in
192 | 5 fade out
193 | 6 fast arpeggio
194 | 7 slow arpeggio</code></pre>
195 |             </div>
196 |             <div class="block">
197 |                 <h3>Math</h3>
198 |                 <pre><code class="language-lua">abs(x),atan2(dx, dy),
199 | cos(x),sin(x),
200 | flr(x),max(x,y),min(x,y),
201 | rnd(x),sgn(x),sqrt(x)</code></pre>
202 |             </div>
203 | 
204 |             <div class="block shortcut">
205 |                 <h3>Shortcuts</h3> <b>Common:</b>
206 |                 <br> &nbsp;Save: CTRL+S
207 |                 <br> &nbsp;Change Mode: ESC
208 | 		<br> &nbsp;Restart cart: CTRL+R
209 |                 <br> <b>Editor</b>
210 |                 <br> &nbsp;Undo:CTRL+Z
211 |                 <br> &nbsp;Redo:CTRL+Y
212 |                 <br> &nbsp;Search:CTRL+F
213 |                 <br> &nbsp;Search-Next:CTRL+G
214 |                 <br> &nbsp;Next Function:Alt+⬆︎⬇︎
215 |             </div>
216 | 
217 |             <div class="block">
218 |                 <div style="font-size: 12px;">
219 |                     Pico-8 Cheatsheet. Version 2.1(en).
220 |                     Collected by <a href="https://twitter.com/ztiromoritz">@ztiromoritz</a>.
221 |                     Font: <a href="http://www.lexaloffle.com/info.php?page=1">Joseph White</a>.
222 |                     TTF by <a href="http://www.lexaloffle.com/bbs/?tid=3109">RhythmLynx</a>.
223 |                     Inspired by <a href="http://neko250.github.io/pico8-api/">@neko250/pico-8 api</a> and <a href="https://sectordub.itch.io/pico-8-fanzine-3">@obone/picozine-3</a>.
224 |                 </div>
225 |             </div>
226 |         </div>
227 |     </div>
228 |     <div class="pdf">
229 |         <a href="./index.html">German Version</a>
230 | 	<br>
231 |         <a href="./index_fr.html">French Version</a>
232 |         <br>
233 |         <a href="https://github.com/ztiromoritz/pico-8-spick/raw/master/build/pico-8-spickzettel.pdf">PDF (DE)</a>
234 |         <br>
235 |         <a href="https://github.com/ztiromoritz/pico-8-spick/raw/master/build/pico-8-cheatsheet.pdf">PDF (EN)</a>
236 | 	<br>
237 |         <a href="https://github.com/ztiromoritz/pico-8-spick/raw/master/build/pico-8-antiseche.pdf">PDF (FR)</a>
238 |     </div>
239 | 
240 | </body>
241 | 
242 | </html>
243 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="utf-8">
  6 |     <title>pico-8 cheatsheet - Das Wichtigste - Version 2.1</title>
  7 |     <link rel="stylesheet" type="text/css" href="main.css"></link>
  8 | </head>
  9 | 
 10 | <body>
 11 | 
 12 |     <div class="page">
 13 |         <div class="title">
 14 |             <h1>
 15 |                 PICO-8 SPICKZETTEL
 16 |             </h1>
 17 |         </div>
 18 |         <div class="column">
 19 |             <div class="block">
 20 |                 <h3>Kommandozeile</h3>
 21 |                 <pre>
 22 | <code class="language-lua">HELP
 23 | SAVE GAME.P8
 24 | LOAD GAME.P8
 25 | RUN
 26 | SPLORE
 27 | </code></pre>
 28 |             </div>
 29 | 
 30 |             <div class="block">
 31 | 
 32 |                 <h3>Variablen &amp; Typen</h3>
 33 |                 <pre><code class="language-lua">A=nil
 34 | X=23
 35 | S="TEXT"
 36 | T={ name="Moritz",
 37 |     loc="Dortmund"}
 38 | </code></pre>
 39 |             </div>
 40 |             <div class="block">
 41 | 
 42 |                 <h3>Operatoren</h3>
 43 |                 <pre><code class="language-lua">+ - * / ^ %
 44 | &lt; > <= >= ~= ==
 45 | #list  "A".."B"
 46 | and or not
 47 | </code></pre>
 48 |             </div>
 49 | 
 50 |             <div class="block">
 51 | 
 52 |                 <h3>Funktionen</h3>
 53 |                 <pre><code class="language-lua">FUNCTION ADD(a,b)
 54 |  RETURN A+B
 55 | END</code></pre>
 56 |             </div>
 57 | 
 58 |             <div class="block">
 59 | 
 60 |                 <h3>If-Anweisungen</h3>
 61 |                 <pre><code class="language-lua">IF (X  < 33) THEN
 62 |  PRINT("HALLO")
 63 | else
 64 |  print("hey")
 65 | END</code></pre>
 66 |             </div>
 67 | 
 68 |             <div class="block">
 69 |                 <h3>Schleifen</h3>
 70 |                 <pre><code class="language-lua">--RAUF
 71 | FOR I = 1,10 DO
 72 |  PRINT(I)
 73 | END
 74 | 
 75 | --RUNTER
 76 | FOR A=10,0,-2 DO
 77 |  PRINT(A)
 78 | END
 79 | 
 80 | --ARRAY
 81 | FOR S IN ALL(SHIPS) DO
 82 |  PRINT(S.NAME)
 83 | END
 84 | 
 85 | --TABELLE
 86 | FOR K,V IN PAIRS(M) DO
 87 |  PRINT("K:"..K..",V:"..V)
 88 | END</code></pre>
 89 | 
 90 | 
 91 | 
 92 |             </div>
 93 |             <div class="block">
 94 |                 <h3>Tabellen</h3>
 95 |                 <pre><code class="language-lua">t={a="x",b=1}
 96 | add(t, v)
 97 | del(t, v)
 98 | t={1,2,3,4}
 99 | print(t[1]) --1-basiert!! </code></pre>
100 |             </div>
101 |         </div>
102 | 
103 | 
104 |         <div class="column">
105 |             <div class="block">
106 |                 <h3>Sonderfunktionen</h3>
107 |                 <pre><code class="language-lua">_init() _update() _draw()</code></pre>
108 |             </div>
109 | 
110 |             <div class="block">
111 |                 <h3>Sprites</h3>
112 |                 <pre><code class="language-lua">spr(n, x, y, [w, h],
113 |   [flip_x], [flip_y])
114 | sspr(sx, sy, sw, sh,
115 |   dx, dy, [dw, dh],
116 |   [flip_x], [flip_y])</code></pre>
117 |             </div>
118 | 
119 |             <div class="block">
120 |                 <h3>Farben</h3>
121 |                 <img src="./palette_numbers.png" width="100%">
122 |                 <pre><code class="language-lua"></code></pre>
123 |             </div>
124 |             <div class="block">
125 |                 <h3>Pixel</h3>
126 |                 <pre><code class="language-lua">pset(x, y, [c])
127 | pget(x,y)</code></pre>
128 | 
129 |             </div>
130 |             <div class="block">
131 |                 <h3>Formen</h3>
132 |                 <pre><code class="language-lua">rect(x0,y0,x1,y1, [col])
133 | rectfill(x0,y0,x1,y1,[c])
134 | circ(x, y, r, [c])
135 | circfill(x, y, r, [c])
136 | line(x0, y0, x1, y1, [c])</code></pre>
137 |             </div>
138 |             <div class="block">
139 |                 <h3>Screen</h3>
140 |                 <pre><code class="language-lua">cls()
141 | camera([x, y])
142 | clip([x, y, w, h])</code></pre>
143 |                 <img src="screensize.png" width="100%">
144 | 
145 |             </div>
146 |             <div class="block">
147 |                 <h3>Map</h3>
148 |                 <pre><code class="language-lua">mget(x, y)
149 | mset(x, y, v)
150 | map(map_x, map_y,
151 |   screen_x, screen_y,
152 |   width, height, [layer])</code></pre>
153 | 
154 |             </div>
155 | 
156 | 
157 | 
158 | 
159 |         </div>
160 | 
161 |         <div class="column">
162 |             <div class="block">
163 |                 <h3>Eingabe</h3>
164 |                 <div class="gray">
165 | 
166 |                     <img src="./controls.png" width="100%">
167 |                 </div>
168 |                 <p>
169 |                     Player 1:
170 |                     <br>&nbsp; ⬅︎⬆︎⬇︎➡︎ C,V bzw. N,M
171 |                     <br> Player 2:
172 |                     <br>&nbsp; ASDF, LSHIFT, A
173 |                     <br>
174 |                 </p>
175 |                 <pre><code class="language-lua">btn([i, [p]])
176 | btnp([i, [p]]) </code></pre>
177 |             </div>
178 | 
179 | 
180 |             <div class="block">
181 |                 <h3>Sound</h3>
182 |                 <pre><code class="language-lua">sfx(n, [chan, offset])
183 | music([n, [fade, mask]])</code></pre>
184 |             </div>
185 |             <div class="block">
186 |                 <h3>Tracker</h3>
187 |                 <div style="background-color:#ddd; position: relative;">
188 |                 <img src="./tracker.svg" width="100%">
189 |             </div>
190 |                 <pre><code class="language-lua">0 none
191 | 1 slide
192 | 2 vibrato
193 | 3 drop (drum)
194 | 4 fade in
195 | 5 fade out
196 | 6 fast arpeggio
197 | 7 slow arpeggio</code></pre>
198 |             </div>
199 |             <div class="block">
200 |                 <h3>Mathe</h3>
201 |                 <pre><code class="language-lua">abs(x),atan2(dx, dy),
202 | cos(x),sin(x),
203 | flr(x),max(x,y),min(x,y),
204 | rnd(x),sgn(x),sqrt(x)</code></pre>
205 |             </div>
206 | 
207 |             <div class="block shortcut">
208 |                 <h3>Tastenkürzel</h3>
209 |                 <b>Allgemein:</b>
210 |                 <br> &nbsp;Speichern: CTRL+S
211 |                 <br> &nbsp;Modus wechseln: ESC
212 | 		        <br> &nbsp;Neustarten: CTRL+R
213 |                 <br> <b>Editor:</b>
214 |                 <br> &nbsp;Undo:CTRL+Z
215 |                 <br> &nbsp;Redo:CTRL+Y
216 |                 <br> &nbsp;Suchen:CTRL+F
217 |                 <br> &nbsp;Weitersuchen:CTRL+G
218 |                 <br> &nbsp;Nächste Function:Alt+⬆︎⬇
219 |             </div>
220 | 
221 |             <div class="block">
222 |                 <div style="font-size: 8px;">
223 |                     German Pico-8 Cheatsheet. Version 2.1 Zusammengestellt von <a href="https://twitter.com/ztiromoritz">@ztiromoritz</a>. Font von <a href="http://www.lexaloffle.com/info.php?page=1">Joseph White</a>.
224 |                     TTF von <a href="http://www.lexaloffle.com/bbs/?tid=3109">RhythmLynx</a>. Spickzettel ist inspiriert von <a href="http://neko250.github.io/pico8-api/">@neko250/pico-8 api</a> und <a href="https://sectordub.itch.io/pico-8-fanzine-3">@obone/picozine-3</a>.
225 |                 </div>
226 |             </div>
227 |         </div>
228 |     </div>
229 |     <div class="pdf">
230 |       <a href="./index_en.html">English Version</a>
231 |       <br>
232 |       <a href="./index_fr.html">French Version</a>
233 |       <br>
234 |       <a href="https://github.com/ztiromoritz/pico-8-spick/raw/master/build/pico-8-spickzettel.pdf">PDF (DE)</a>
235 |       <br>
236 |       <a href="https://github.com/ztiromoritz/pico-8-spick/raw/master/build/pico-8-cheatsheet.pdf">PDF (EN)</a>
237 |       <br>
238 |       <a href="https://github.com/ztiromoritz/pico-8-spick/raw/master/build/pico-8-antiseches.pdf">PDF (FR)</a>
239 | </div>
240 | 
241 | </body>
242 | 
243 | </html>
244 | 


--------------------------------------------------------------------------------
/index_fr.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="fr">
  3 | 
  4 | <head>
  5 |     <meta charset="utf-8">
  6 |     <title>Antishèches Pico-8</title>
  7 |     <link rel="stylesheet" type="text/css" href="main.css"></link>
  8 | </head>
  9 | 
 10 | <body>
 11 | 
 12 |     <div class="page">
 13 |         <div class="title">
 14 |             <h1>
 15 |                 Antisheches PICO-8
 16 |             </h1>
 17 |         </div>
 18 |         <div class="column">
 19 |             <div class="block">
 20 |                 <h3>Ligne de commande</h3>
 21 |                 <pre>
 22 | <code class="language-lua">HELP
 23 | SAVE GAME.P8
 24 | LOAD GAME.P8
 25 | RUN
 26 | SPLORE
 27 | </code></pre>
 28 |             </div>
 29 | 
 30 |             <div class="block">
 31 | 
 32 |                 <h3>Variables &amp; Types</h3>
 33 |                 <pre><code class="language-lua">A=nil
 34 | X=23
 35 | local S="TEXT"
 36 | T={name="Joe", age="32"}
 37 | </code></pre>
 38 |             </div>
 39 |             <div class="block">
 40 | 
 41 |                 <h3>Opérateurs</h3>
 42 |                 <pre><code class="language-lua">+ - * / ^ %
 43 | &lt; > <= >= ~= ==
 44 | #list  "A".."B"
 45 | and or not
 46 | </code></pre>
 47 |             </div>
 48 | 
 49 |             <div class="block">
 50 | 
 51 |                 <h3>Fonctions</h3>
 52 |                 <pre><code class="language-lua">FUNCTION ADD(a,b)
 53 |  RETURN A+B
 54 | END</code></pre>
 55 |             </div>
 56 | 
 57 |             <div class="block">
 58 | 
 59 |                 <h3>Bloc If</h3>
 60 |                 <pre><code class="language-lua">IF (X  < 33) THEN
 61 |  PRINT("HALLO")
 62 | else
 63 |  print("hey")
 64 | END</code></pre>
 65 |             </div>
 66 | 
 67 |             <div class="block">
 68 |                 <h3>Boucles</h3>
 69 |                 <pre><code class="language-lua">--Incrementer
 70 | FOR I = 1,10 DO
 71 |  PRINT(I)
 72 | END
 73 | 
 74 | --Decrementer
 75 | FOR A=10,0,-2 DO
 76 |  PRINT(A)
 77 | END
 78 | 
 79 | --Collection
 80 | FOR S IN ALL(SHIPS) DO
 81 |  PRINT(S.NAME)
 82 | END
 83 | 
 84 | --Table
 85 | FOR K,V IN PAIRS(M) DO
 86 |  PRINT("K:"..K..",V:"..V)
 87 | END</code></pre>
 88 | 
 89 | 
 90 | 
 91 |             </div>
 92 |             <div class="block">
 93 |                 <h3>Tableaux</h3>
 94 |                 <pre><code class="language-lua">t={a="x",b=1}
 95 | add(t, v)
 96 | del(t, v)
 97 | t={1,2,3,4}
 98 | print(t[1]) --Commence A 1!</code></pre>
 99 |             </div>
100 |         </div>
101 | 
102 | 
103 |         <div class="column">
104 |             <div class="block">
105 |                 <h3>Fonctions spéciales</h3>
106 |                 <pre><code class="language-lua">_init() _update() _draw()</code></pre>
107 |             </div>
108 |             <div class="block">
109 |                 <h3>Sprites</h3>
110 |                 <pre><code class="language-lua">spr(n, x, y, [w, h],
111 |   [flip_x], [flip_y])
112 | sspr(sx, sy, sw, sh,
113 |   dx, dy, [dw, dh],
114 |   [flip_x], [flip_y])</code></pre>
115 |              </div>
116 |             <div class="block">
117 |                 <h3>Couleurs</h3>
118 |                 <img src="./palette_numbers.png" width="100%">
119 |                 <pre><code class="language-lua"></code></pre>
120 |             </div>
121 |             <div class="block">
122 |                 <h3>Pixel</h3>
123 |                 <pre><code class="language-lua">pset(x, y, [c])
124 | pget(x,y)</code></pre>
125 | 
126 |             </div>
127 |             <div class="block">
128 |                 <h3>Formes</h3>
129 |                 <pre><code class="language-lua">rect(x0,y0,x1,y1, [col])
130 | rectfill(x0,y0,x1,y1,[c])
131 | circ(x, y, r, [c])
132 | circfill(x, y, r, [c])
133 | line(x0, y0, x1, y1, [c])</code></pre>
134 |             </div>
135 |             <div class="block">
136 |                 <h3>Écran</h3>
137 |                 <pre><code class="language-lua">cls()
138 | camera([x, y])
139 | clip([x, y, w, h])</code></pre>
140 |                 <img src="screensize.png" width="100%">
141 | 
142 |             </div>
143 |             <div class="block">
144 |                 <h3>Tilemap</h3>
145 |                 <pre><code class="language-lua">mget(x, y)
146 | mset(x, y, v)
147 | map(map_x, map_y,
148 |   screen_x, screen_y,
149 |   width, height, [layer])</code></pre>
150 | 
151 |             </div>
152 | 
153 | 
154 | 
155 | 
156 |         </div>
157 | 
158 |         <div class="column">
159 |             <div class="block">
160 |                 <h3>Contrôles</h3>
161 |                 <div class="gray">
162 | 
163 |                     <img src="./controls.png" width="100%">
164 |                 </div>
165 |                 <p>
166 |                     Joueur 1:
167 |                     <br>&nbsp; ⬅︎⬆︎⬇︎➡︎ Y,X/C,V/N,M
168 |                     <br> Joueur 2:
169 |                     <br>&nbsp; ASDF, LSHIFT, A
170 |                     <br>
171 |                 </p>
172 |                 <pre><code class="language-lua">btn([i, [p]])
173 | btnp([i, [p]]) </code></pre>
174 |             </div>
175 | 
176 | 
177 |             <div class="block">
178 |                 <h3>Son</h3>
179 |                 <pre><code class="language-lua">sfx(n, [chan, offset])
180 | music([n, [fade, mask]])</code></pre>
181 |             </div>
182 |             <div class="block">
183 |                 <h3>Musique</h3>
184 |                 <div style="background-color:#ddd; position: relative">
185 | 	       <div class="musicoverlay ov_effect">effet</div>
186 | 	       <div class="musicoverlay ov_tone">note</div>
187 |                <img src="./tracker.svg" width="100%">
188 |               </div>
189 |                 <pre><code class="language-lua">0 aucun
190 | 1 glissando
191 | 2 vibrato
192 | 3 percussion
193 | 4 fondu ouverture
194 | 5 fondu fermeture
195 | 6 arpeggio rapide
196 | 7 arpeggio lent</code></pre>
197 |             </div>
198 |             <div class="block">
199 |                 <h3>Maths</h3>
200 |                 <pre><code class="language-lua">abs(x),atan2(dx, dy),
201 | cos(x),sin(x),
202 | flr(x),max(x,y),min(x,y),
203 | rnd(x),sgn(x),sqrt(x)</code></pre>
204 |             </div>
205 | 
206 |             <div class="block shortcut">
207 |                 <h3>Raccourcis</h3> <b>Communs:</b>
208 |                 <br> &nbsp;Sauver: CTRL+S
209 |                 <br> &nbsp;Changer mode: ESC
210 |                 <br> &nbsp;Relancer jeu: CTRL+R
211 |                 <br> <b>Éditeur:</b>
212 |                 <br> &nbsp;Annuler: CTRL+Z
213 |                 <br> &nbsp;Rétablir: CTRL+Y
214 |                 <br> &nbsp;Chercher: CTRL+F
215 |                 <br> &nbsp;Chercher suiv.: CTRL+G
216 |                 <br> &nbsp;Fonction suiv.: Alt+⬆︎⬇︎
217 |             </div>
218 | 
219 |             <div class="block">
220 |                 <div style="font-size: 12px;">
221 |                     Pico-8 Cheatsheet. Version 2.1(fr).
222 |                     Collected by <a href="https://twitter.com/ztiromoritz">@ztiromoritz</a>.
223 |                     French Translation by <a href="https://twitter.com/gozilu">@gozilu</a>.
224 |                     Font: <a href="http://www.lexaloffle.com/info.php?page=1">Joseph White</a>.
225 |                     TTF by <a href="http://www.lexaloffle.com/bbs/?tid=3109">RhythmLynx</a>.
226 |                     Inspired by <a href="http://neko250.github.io/pico8-api/">@neko250/pico-8 api</a> and <a href="https://sectordub.itch.io/pico-8-fanzine-3">@obone/picozine-3</a>.
227 |                 </div>
228 |             </div>
229 |         </div>
230 |     </div>
231 |     <div class="pdf">
232 |         <a href="./index.html">Version Allemande</a>
233 |         <br>
234 |         <a href="./index_en.html">Version Anglaise</a>
235 | 	<br>
236 |         <a href="https://github.com/ztiromoritz/pico-8-spick/raw/master/build/pico-8-spickzettel.pdf">PDF (DE)</a>
237 |         <br>
238 |         <a href="https://github.com/ztiromoritz/pico-8-spick/raw/master/build/pico-8-cheatsheet.pdf">PDF (EN)</a>
239 |         <br>
240 |         <a href="https://github.com/ztiromoritz/pico-8-spick/raw/master/build/pico-8-antiseche.pdf">PDF (FR)</a>
241 |     </div>
242 | 
243 | </body>
244 | 
245 | </html>
246 | 


--------------------------------------------------------------------------------
/tracker.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
  3 | 
  4 | <svg
  5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  6 |    xmlns:cc="http://creativecommons.org/ns#"
  7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  8 |    xmlns:svg="http://www.w3.org/2000/svg"
  9 |    xmlns="http://www.w3.org/2000/svg"
 10 |    xmlns:xlink="http://www.w3.org/1999/xlink"
 11 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 12 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 13 |    width="125.37132mm"
 14 |    height="48.668743mm"
 15 |    viewBox="0 0 444.22904 172.4483"
 16 |    id="svg2"
 17 |    version="1.1"
 18 |    inkscape:version="0.91 r13725"
 19 |    sodipodi:docname="tracker.svg">
 20 |   <defs
 21 |      id="defs4" />
 22 |   <sodipodi:namedview
 23 |      id="base"
 24 |      pagecolor="#ffffff"
 25 |      bordercolor="#666666"
 26 |      borderopacity="1.0"
 27 |      inkscape:pageopacity="0.0"
 28 |      inkscape:pageshadow="2"
 29 |      inkscape:zoom="0.98994949"
 30 |      inkscape:cx="220.73505"
 31 |      inkscape:cy="-42.094185"
 32 |      inkscape:document-units="px"
 33 |      inkscape:current-layer="layer1"
 34 |      showgrid="false"
 35 |      fit-margin-top="5"
 36 |      fit-margin-left="5"
 37 |      fit-margin-right="5"
 38 |      fit-margin-bottom="5"
 39 |      inkscape:window-width="1280"
 40 |      inkscape:window-height="751"
 41 |      inkscape:window-x="0"
 42 |      inkscape:window-y="0"
 43 |      inkscape:window-maximized="1" />
 44 |   <metadata
 45 |      id="metadata7">
 46 |     <rdf:RDF>
 47 |       <cc:Work
 48 |          rdf:about="">
 49 |         <dc:format>image/svg+xml</dc:format>
 50 |         <dc:type
 51 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 52 |         <dc:title></dc:title>
 53 |       </cc:Work>
 54 |     </rdf:RDF>
 55 |   </metadata>
 56 |   <g
 57 |      inkscape:label="Layer 1"
 58 |      inkscape:groupmode="layer"
 59 |      id="layer1"
 60 |      transform="translate(-148.81882,-317.81972)">
 61 |     <image
 62 |        y="374.77292"
 63 |        x="281.60712"
 64 |        id="image4224"
 65 |        xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAABmCAYAAAAtQ+/vAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAW
 66 | JQAAFiUBSVIk8AAAAZ1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6
 67 | eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYg
 68 | eG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4K
 69 | ICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6ZXhp
 70 | Zj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8ZXhpZjpQaXhlbFhE
 71 | aW1lbnNpb24+MjYwPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZ
 72 | RGltZW5zaW9uPjEwMjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0
 73 | aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgqc/eeoAAAAHGlET1QAAAACAAAAAAAAADMA
 74 | AAAoAAAAMwAAADMAAAM3M8iPmwAAAwNJREFUeAHs3LGNVDEQgGG2AlJaoAQCaOECAshIqAEiIiKo
 75 | gYQMAgJagIASaIGUCha0yUnW01hee2R79V107/l5nvefuV/jlXWnVy/uzg/8DCfw+ev34TFvKeD/
 76 | urulj3Mzn+VECDm5JISYKyHEfGaNEkISeUKIwRJCzGfWKCEkkSeEGCwhxHxmjRJCEnlCiMESQsxn
 77 | 1ighJJEnhBgsIcR8Zo0SQhJ5QojBEkLMZ9YoISSRJ4QYLCHEfGaNEsIs8t6LwIIECGHBpFgSArMI
 78 | EMIs8t6LwIIECGHBpFgSArMIEMIs8t6LwIIECGHBpFgSArMIEMIs8t6LwIIECGHBpFgSArMIXC0E
 79 | B29mpcx7EagTuPbgFyHU2XoCge0IEMJ2KbNgBPIIEEIeW5ER2I4AIWyXMgtGII8AIeSxFRmB7QgQ
 80 | wnYps2AE8ggQQh5bkRHYjgAhbJcyC0YgjwAh5LEVGYHtCBDCdimzYATyCBBCHluREdiOACFslzIL
 81 | RiCPACHksRUZge0IEMJ2KbNgBPIIEEIeW5ER2I7AdkI4//3TBfn08FHX/OzJP37+6nrFs6dPuubX
 82 | Jp/ffqk90jV++vCya/7jb+eu+bXJv5+fao+E4+/ffArHewfffXzdFYIQuvCNn0wIhNBTVYTQSE+H
 83 | 0AiseFyHoEMoSuJyOe0/JtkyHKXj/p4tgy3DfTW0/2bL0M4sdYYtgy1DT4HZMjTSs2VoBFY8bstg
 84 | y1CUxOXSluGIyoB7OgQdQk8Z6RAa6ekQGoEVj+sQdAhFSVwu0zqE2peGq/9BH8Eaea/WQcz+UrF2
 85 | jqAmlNr8kSyPYtXOMfSeQzh6Z8u92jmGm+sQCCEuD0KI+fSOEsLdVQh1CFdh659ECP0MowiEQAhR
 86 | fSw3Rgi5KSEEQsitsMHRCWEw0CIcIRBCURJrXxJCbn4IgRByK2xwdEIYDLQIRwiEUJTE2peEkJsf
 87 | QiCE3AobHJ0QBgMtwmULoXaOoFhO86VzCM3I9p5ACLn5IwQdQm6FDY5OCIOBFuEI4Toh/AMAAP//
 88 | qGDMyQAAAxNJREFU7dwhchRBFIDhzAkwCAwHoDgBAq6AiACH4QygUCg4AyaOCESOABFcgCoKi8Jy
 89 | ggWZ6kpe16OnN930F5XZ1/12+n9v/5qe2tntxbOnh5N/+Ds7vwhnHX7/CuPbnXth/H8Pfrn8Gi7x
 90 | yeNHYbw1eHj9MUyxvXsexlvnh8l3CD74FLf199Ot6V3evvrQNL82+c37l7UhYfzv5zqM3xTcCOEm
 91 | NH1fJ4S+fAmBEPp22M7ZCWFnoEU6QiCEoiXGPiSEvvUhBELo22E7ZyeEnYEW6QiBEIqWGPuQEPrW
 92 | 57aF0HpTsJWOm4qtBI88nxD6AicEVwh9O2zn7ISwM9AiHSEQQtESYx8SQt/6EAIh9O2wnbMTws5A
 93 | i3SEQAhFS4x9SAh960MIhNC3w3bOTgg7Ay3SEQIhFC0x9iEh9K0PIQwmhFq5aw8/1eaP/nBU7QNf
 94 | W18t3vrwU+3hpNr71+K1h6Nq81vjty2E1vNv/R7DcN9DqAEhhBqhOE4IMR9CcIUQd8iRo64Q4sen
 95 | e5eDEAihd4+l8hMCIaQaphhsy1AAqR26h9D2AyruIfiBlOs+Y91+IOW6N7v6mnsIV2nk/3cPIWZm
 96 | y2DLEHfIkaO2DLYMLS1ny5CkZ8tgyxC1jCuEya4QomKKIYBAG4HpvofQtlyzEUAgIkAIER0xBBYj
 97 | QAiLFdxyEYgIEEJERwyBxQgQwmIFt1wEIgKEENERQ2AxAoSwWMEtF4GIACFEdMQQWIwAISxWcMtF
 98 | ICJACBEdMQQWI0AIixXcchGICBBCREcMgcUIEMJiBbdcBCIChBDREUNgMQKEsFjBLReBiMBwQrj/
 99 | 8DQ6XzEEhibw8/O3oc9vu/sjPD9CCPEIIpAjQAg5Xidn5xfhDFcIIR7BwQkQQrJAhJAEZvhUBAgh
100 | WS5CSAIzfCoChJAsFyEkgRk+FQFCSJaLEJLADJ+KACEky0UISWCGT0WAEJLlIoQkMMOnIkAIyXIR
101 | QhKY4VMRIIRkuQghCczwqQgQQrJchJAEZvhUBAghWS5CSAIzfCoChJAsFyEkgRk+FYFVhfAHFBPA
102 | Oz2dFRIAAAAASUVORK5CYII=
103 | "
104 |        style="image-rendering:optimizeSpeed"
105 |        preserveAspectRatio="none"
106 |        height="63.75"
107 |        width="162.5" />
108 |     <path
109 |        style="fill:none;fill-rule:evenodd;stroke:#ff004d;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
110 |        d="m 287.89347,406.87473 -23.23351,0"
111 |        id="path4227"
112 |        inkscape:connector-curvature="0"
113 |        sodipodi:nodetypes="cc" />
114 |     <text
115 |        xml:space="preserve"
116 |        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:40px;line-height:125%;font-family:'Courier new';-inkscape-font-specification:'Courier new, Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
117 |        x="163.64471"
118 |        y="417.98642"
119 |        id="text4229"
120 |        sodipodi:linespacing="125%"><tspan
121 |          sodipodi:role="line"
122 |          id="tspan4231"
123 |          x="163.64471"
124 |          y="417.98642">tone</tspan></text>
125 |     <path
126 |        style="fill:none;fill-rule:evenodd;stroke:#ff004d;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
127 |        d="m 314.15744,448.29098 27.27411,-23.2335"
128 |        id="path4227-3"
129 |        inkscape:connector-curvature="0"
130 |        sodipodi:nodetypes="cc" />
131 |     <text
132 |        xml:space="preserve"
133 |        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:40px;line-height:125%;font-family:'Courier new';-inkscape-font-specification:'Courier new, Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
134 |        x="165.38826"
135 |        y="360.86829"
136 |        id="text4229-4"
137 |        sodipodi:linespacing="125%"><tspan
138 |          sodipodi:role="line"
139 |          id="tspan4231-5"
140 |          x="165.38826"
141 |          y="360.86829">instrument</tspan></text>
142 |     <path
143 |        style="fill:none;fill-rule:evenodd;stroke:#ff004d;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
144 |        d="m 338.90618,364.9534 27.27411,23.2335"
145 |        id="path4227-3-3"
146 |        inkscape:connector-curvature="0"
147 |        sodipodi:nodetypes="cc" />
148 |     <text
149 |        xml:space="preserve"
150 |        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:40px;line-height:125%;font-family:'Courier new';-inkscape-font-specification:'Courier new, Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
151 |        x="173.6702"
152 |        y="471.88742"
153 |        id="text4229-4-2"
154 |        sodipodi:linespacing="125%"><tspan
155 |          sodipodi:role="line"
156 |          id="tspan4231-5-7"
157 |          x="173.6702"
158 |          y="471.88742">octave</tspan></text>
159 |     <text
160 |        xml:space="preserve"
161 |        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:40px;line-height:125%;font-family:'Courier new';-inkscape-font-specification:'Courier new, Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
162 |        x="345.35266"
163 |        y="470.85342"
164 |        id="text4229-4-4"
165 |        sodipodi:linespacing="125%"><tspan
166 |          sodipodi:role="line"
167 |          id="tspan4231-5-9"
168 |          x="345.35266"
169 |          y="470.85342">volume</tspan></text>
170 |     <path
171 |        style="fill:none;fill-rule:evenodd;stroke:#ff004d;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
172 |        d="m 398.50518,426.5727 0,15.15229"
173 |        id="path4227-3-3-0"
174 |        inkscape:connector-curvature="0"
175 |        sodipodi:nodetypes="cc" />
176 |     <text
177 |        xml:space="preserve"
178 |        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:40px;line-height:125%;font-family:'Courier new';-inkscape-font-specification:'Courier new, Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
179 |        x="431.77664"
180 |        y="367.79837"
181 |        id="text4229-4-4-1"
182 |        sodipodi:linespacing="125%"><tspan
183 |          sodipodi:role="line"
184 |          id="tspan4231-5-9-6"
185 |          x="431.77664"
186 |          y="367.79837">effect</tspan></text>
187 |     <path
188 |        style="fill:none;fill-rule:evenodd;stroke:#ff004d;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
189 |        d="m 483.35799,375.05492 -53.53809,21.2132"
190 |        id="path4227-3-3-2"
191 |        inkscape:connector-curvature="0"
192 |        sodipodi:nodetypes="cc" />
193 |   </g>
194 | </svg>
195 | 


--------------------------------------------------------------------------------
/controls.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
  3 | 
  4 | <svg
  5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  6 |    xmlns:cc="http://creativecommons.org/ns#"
  7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  8 |    xmlns:svg="http://www.w3.org/2000/svg"
  9 |    xmlns="http://www.w3.org/2000/svg"
 10 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 11 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 12 |    width="327.73962mm"
 13 |    height="210.3331mm"
 14 |    viewBox="0 0 1161.2821 745.27476"
 15 |    id="svg2"
 16 |    version="1.1"
 17 |    inkscape:version="0.91 r13725"
 18 |    sodipodi:docname="controls.svg">
 19 |   <defs
 20 |      id="defs4" />
 21 |   <sodipodi:namedview
 22 |      id="base"
 23 |      pagecolor="#ffffff"
 24 |      bordercolor="#666666"
 25 |      borderopacity="1.0"
 26 |      inkscape:pageopacity="0.0"
 27 |      inkscape:pageshadow="2"
 28 |      inkscape:zoom="0.5"
 29 |      inkscape:cx="192.58036"
 30 |      inkscape:cy="528.86615"
 31 |      inkscape:document-units="px"
 32 |      inkscape:current-layer="layer1"
 33 |      showgrid="false"
 34 |      inkscape:window-width="1680"
 35 |      inkscape:window-height="952"
 36 |      inkscape:window-x="0"
 37 |      inkscape:window-y="0"
 38 |      inkscape:window-maximized="1"
 39 |      fit-margin-top="20"
 40 |      fit-margin-left="20"
 41 |      fit-margin-right="20"
 42 |      fit-margin-bottom="20" />
 43 |   <metadata
 44 |      id="metadata7">
 45 |     <rdf:RDF>
 46 |       <cc:Work
 47 |          rdf:about="">
 48 |         <dc:format>image/svg+xml</dc:format>
 49 |         <dc:type
 50 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 51 |         <dc:title></dc:title>
 52 |       </cc:Work>
 53 |     </rdf:RDF>
 54 |   </metadata>
 55 |   <g
 56 |      inkscape:label="Layer 1"
 57 |      inkscape:groupmode="layer"
 58 |      id="layer1"
 59 |      transform="translate(407.86608,-315.95355)">
 60 |     <path
 61 |        sodipodi:type="star"
 62 |        style="opacity:1;fill:#ff77a8;fill-opacity:1;stroke:#1d2b53;stroke-width:10;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
 63 |        id="path4138"
 64 |        sodipodi:sides="3"
 65 |        sodipodi:cx="343.50372"
 66 |        sodipodi:cy="512.36218"
 67 |        sodipodi:r1="120.54299"
 68 |        sodipodi:r2="60.271496"
 69 |        sodipodi:arg1="-1.5707963"
 70 |        sodipodi:arg2="-0.52359878"
 71 |        inkscape:flatsided="true"
 72 |        inkscape:rounded="-3.1225023e-17"
 73 |        inkscape:randomized="0"
 74 |        d="m 343.50373,391.81919 104.39328,180.81449 -208.78658,0 z"
 75 |        inkscape:transform-center-y="-30.135741" />
 76 |     <path
 77 |        sodipodi:type="star"
 78 |        style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ff77a8;fill-opacity:1;fill-rule:nonzero;stroke:#1d2b53;stroke-width:10;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
 79 |        id="path4138-6"
 80 |        sodipodi:sides="3"
 81 |        sodipodi:cx="343.50372"
 82 |        sodipodi:cy="-767.94098"
 83 |        sodipodi:r1="120.54299"
 84 |        sodipodi:r2="60.271496"
 85 |        sodipodi:arg1="-1.5707963"
 86 |        sodipodi:arg2="-0.52359878"
 87 |        inkscape:flatsided="true"
 88 |        inkscape:rounded="-3.1225023e-17"
 89 |        inkscape:randomized="0"
 90 |        d="m 343.50373,-888.48397 104.39328,180.81449 -208.78658,-10e-6 z"
 91 |        inkscape:transform-center-y="30.135738"
 92 |        transform="scale(1,-1)" />
 93 |     <path
 94 |        sodipodi:type="star"
 95 |        style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ff77a8;fill-opacity:1;fill-rule:nonzero;stroke:#1d2b53;stroke-width:10;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
 96 |        id="path4138-6-2"
 97 |        sodipodi:sides="3"
 98 |        sodipodi:cx="597.14288"
 99 |        sodipodi:cy="-656.51239"
100 |        sodipodi:r1="120.54299"
101 |        sodipodi:r2="60.271496"
102 |        sodipodi:arg1="-1.5707963"
103 |        sodipodi:arg2="-0.52359878"
104 |        inkscape:flatsided="true"
105 |        inkscape:rounded="-3.1225023e-17"
106 |        inkscape:randomized="0"
107 |        d="m 597.14289,-777.05538 104.39328,180.81449 -208.78658,-10e-6 z"
108 |        transform="matrix(0,1,1,0,786.51244,43.008699)"
109 |        inkscape:transform-center-x="30.135718" />
110 |     <path
111 |        sodipodi:type="star"
112 |        style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ff77a8;fill-opacity:1;fill-rule:nonzero;stroke:#1d2b53;stroke-width:10;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
113 |        id="path4138-6-2-6"
114 |        sodipodi:sides="3"
115 |        sodipodi:cx="597.14288"
116 |        sodipodi:cy="-656.51239"
117 |        sodipodi:r1="120.54299"
118 |        sodipodi:r2="60.271496"
119 |        sodipodi:arg1="-1.5707963"
120 |        sodipodi:arg2="-0.52359878"
121 |        inkscape:flatsided="true"
122 |        inkscape:rounded="-3.1225023e-17"
123 |        inkscape:randomized="0"
124 |        d="m 597.14289,-777.05538 104.39328,180.81449 -208.78658,-10e-6 z"
125 |        transform="matrix(0,1,-1,0,-99.504984,43.008699)"
126 |        inkscape:transform-center-x="-30.135721" />
127 |     <text
128 |        xml:space="preserve"
129 |        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:60px;line-height:125%;font-family:PICO-8;-inkscape-font-specification:PICO-8;letter-spacing:0px;word-spacing:0px;fill:#1d2b53;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
130 |        x="328"
131 |        y="532.36218"
132 |        id="text4191"
133 |        sodipodi:linespacing="125%"><tspan
134 |          sodipodi:role="line"
135 |          id="tspan4193"
136 |          x="328"
137 |          y="532.36218">2</tspan></text>
138 |     <text
139 |        xml:space="preserve"
140 |        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:60px;line-height:125%;font-family:PICO-8;-inkscape-font-specification:PICO-8;letter-spacing:0px;word-spacing:0px;fill:#1d2b53;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
141 |        x="328"
142 |        y="788.36218"
143 |        id="text4195"
144 |        sodipodi:linespacing="125%"><tspan
145 |          sodipodi:role="line"
146 |          id="tspan4197"
147 |          x="328"
148 |          y="788.36218">3</tspan></text>
149 |     <text
150 |        xml:space="preserve"
151 |        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:60px;line-height:125%;font-family:PICO-8;-inkscape-font-specification:PICO-8;letter-spacing:0px;word-spacing:0px;fill:#1d2b53;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
152 |        x="122"
153 |        y="664.36218"
154 |        id="text4199"
155 |        sodipodi:linespacing="125%"><tspan
156 |          sodipodi:role="line"
157 |          id="tspan4201"
158 |          x="122"
159 |          y="664.36218">0</tspan></text>
160 |     <text
161 |        xml:space="preserve"
162 |        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:60px;line-height:125%;font-family:PICO-8;-inkscape-font-specification:PICO-8;letter-spacing:0px;word-spacing:0px;fill:#1d2b53;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
163 |        x="526"
164 |        y="664.36218"
165 |        id="text4203"
166 |        sodipodi:linespacing="125%"><tspan
167 |          sodipodi:role="line"
168 |          id="tspan4205"
169 |          x="526"
170 |          y="664.36218">1</tspan></text>
171 |     <rect
172 |        style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffa300;fill-opacity:1;fill-rule:nonzero;stroke:#ff004d;stroke-width:10;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
173 |        id="rect4209"
174 |        width="166"
175 |        height="166"
176 |        x="-332"
177 |        y="734.36218"
178 |        rx="15.999999"
179 |        ry="15.999999" />
180 |     <rect
181 |        style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#00e436;fill-opacity:1;fill-rule:nonzero;stroke:#008751;stroke-width:10;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
182 |        id="rect4209-3"
183 |        width="166"
184 |        height="166"
185 |        x="-93"
186 |        y="819.36218"
187 |        rx="15.999999"
188 |        ry="15.999999" />
189 |     <text
190 |        xml:space="preserve"
191 |        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:60px;line-height:125%;font-family:PICO-8;-inkscape-font-specification:PICO-8;letter-spacing:0px;word-spacing:0px;fill:#1d2b53;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
192 |        x="-266.99561"
193 |        y="847.36218"
194 |        id="text4195-1"
195 |        sodipodi:linespacing="125%"><tspan
196 |          sodipodi:role="line"
197 |          id="tspan4197-6"
198 |          x="-266.99561"
199 |          y="847.36218">4</tspan></text>
200 |     <text
201 |        xml:space="preserve"
202 |        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:60px;line-height:125%;font-family:PICO-8;-inkscape-font-specification:PICO-8;letter-spacing:0px;word-spacing:0px;fill:#1d2b53;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
203 |        x="-27.995605"
204 |        y="932.36218"
205 |        id="text4195-1-1"
206 |        sodipodi:linespacing="125%"><tspan
207 |          sodipodi:role="line"
208 |          id="tspan4197-6-0"
209 |          x="-27.995605"
210 |          y="932.36218">5</tspan></text>
211 |   </g>
212 | </svg>
213 | 


--------------------------------------------------------------------------------