blob: fd8c09ea14dc22470b50eb3225be0a59a4661203 (
plain)
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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
|
<html>
<head>
<title>All</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" type="image/png" href="favicon.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<div id="navbar"></div>
<script src="navbar.js"></script>
<h2>All projects</h2>
<div class="container-fluid">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/AutoImages.png" width=200 height=200><br>
<div class="project-title"><a href="AutoImages.html">AutoImages</a></div>
A computer program that creates art. It uses
random functions to generate images. An explanation
can be found <a href="explanation.html">here</a>.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<iframe frameborder="0" src="https://itch.io/embed/43294?link_color=27a0c3" width="208" height="167"></iframe>
<div class="project-title"><a href="https://pommicket.itch.io/autoartevolve">AutoArtEvolve</a></div>
AutoArtEvolve improves its
images based on the ones you prefer
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<video width="250" height="250" controls>
<source src="autovideo.mp4" type="video/mp4">
</video><br>
<div class="project-title"><a href="AutoVideos.html">AutoVideos</a></div>
A computer program that creates videos. It uses
random functions to generate videos. An explanation
can be found <a href="explanation.html">here</a>.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<audio controls>
<source src="autoaudio.wav" type="audio/wav">
</audio><br>
<div class="project-title"><a href="AutoAudio.html">AutoAudio</a></div>
A computer program that creates audio. It uses
random functions to generate audio. An explanation
can be found <a href="explanation.html">here</a>.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<iframe frameborder="0" src="https://itch.io/embed/104046?bg_color=e5e8ff&fg_color=222222&link_color=5a06b1&border_color=bebebe" width="552" height="167"></iframe>
<div class="project-title"><a href="https://pommicket.itch.io/automap">AutoMap</a></div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/NameGenerator.png" width=200 height=200><br>
<div class="project-title"><a href="NameGenerator.html">NameGenerator</a></div>
A computer program that generates names! It uses
the frequencies of trigrams.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/hypersphere.png" width=250 height=250><br>
<div class="project-title"><a href="hypersphere.html">Hypersphere</a></div>
Shows a projection of a <a href="https://en.wikipedia.org/wiki/3-sphere">hypersphere</a> onto the plane. It uses a 2x4 matrix to convert 4D points into 2D points. Use the arrow keys
and the mouse to rotate it in 4D.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<iframe frameborder="0" src="https://itch.io/embed/77009?link_color=18829f" width="208" height="167"></iframe><br>
<div class="full-title">
<span class="project-title">Domino simulator</span>
<a href="DominoSimulator.html">web version</a> or <a href="https://qualum.itch.io/domino-simulator">offline version</a>
</div>
Place dominos, then knock them over.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/AutoHarmonograph.png" width=200 height=200><br>
<div class="full-title">
<span class="project-title"><a href="AutoHarmonograph.html">AutoHarmonograph</a></span> or
<span class="project-title"><a href="Harmonograph.html">Non-randomized</a></span>
</div>
A randomized <a href="https://en.wikipedia.org/wiki/Harmonograph">Harmonograph</a>. You pick the
number of pendulums.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/2d3d.png" width=200 height=200><img src="screenshots/2d3dcustom.png" width=200 height=200><br>
<div class="full-title">
<span class="project-title"><a href="2d23d.html">2D becomes 3D</a></span>
(and <span class="project-title"><a href="2d23dcustom.html">2D becomes 3D custom</a></span>
where you pick the starting shape)
</div>
Different 2D shapes are moved around in circles
to form 3D objects.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/newyear.png" width=200 height=200><br>
<div class="project-title"><a href="newyear.html">New Year Countdown</a></div>
A countdown to the current year+1 featuring the clock from <a href="clock.html">here</a>.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/clock.png" width=200 height=200><br>
<div class="project-title"><a href="clock.html">Clock</a></div>
A clock that shows the time of day with circles
going around in circles. The colours of the circles
change depending on the time. The innermost circle
is seconds, the second is minutes, the third is
hours, and the fourth is the day of the year.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/RPN.png" width=200 height=200><br>
<div class="project-title"><a href="complexfunctions.html">Graph reverse polish notation complex functions</a></div>
Visualize complex functions.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/mazesolver.png" width=200 height=200><br>
<div class="project-title"><a href="mazesolver.html">Maze Solver</a></div>
Create a maze, choose a starting point and an
ending point, and your computer will solve the
maze.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/ElementaryCellularAutomata.png" width=400 height=400><br>
<div class="project-title"><a href="elementarycellularautomata.html">Elementary cellular automata</a></div>
Run <a href="https://en.wikipedia.org/wiki/Elementary_cellular_automaton">elementary cellular automata</a>.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/stochastic.png" width="400" height="400"><br>
<div class="project-title"><a href="stochasticca.html">Stochastic elementary cellular automata</a></div>
Run <a href="https://en.wikipedia.org/wiki/Stochastic_cellular_automaton">Stochastic elementary cellular automata</a>.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/h.png" width=200 height=200><br>
<div class="project-title"><a href="h.html">H</a></div>
Pick simple rules, and watch a cool pattern
start to appear.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/tree.png" width=200 height=200><br>
<div class="full-title">
<span class="project-title"><a href="tree.html">Tree</a></span> and
<span class="project-title"><a href="treegenerator.html">Tree generator</a></span>
</div>
Move your mouse around to see a tree change shape.
In Tree Generator, you choose all the tree parameters
but in Tree, you move your mouse around to pick the parameters.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/ballbounce.png" width=200 height=200><br>
<div class="project-title"><a href="ballbounce.html">Ball bounce</a></div>
Try to bounce a ball with your mouse. The game
gets harder and harder because you can't see the
ball behind its tracks.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/magnets.png" width=200 height=200><br>
<div class="project-title"><a href="magnets.html">Magnets</a></div>
Try to avoid magnets which are attracted to your
mouse.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/modularpascal.png" width=256 height=256><br>
<div class="project-title"><a href="modularpascal.html">Modular Pascal's Triangle</a></div>
A picture of Pascal's triangle mod x. Set x and
Click update to see the triangle.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/modularcircles.png" width=250 height=250><br>
<div class="project-title"><a href="modularcircles.html">Modular Circles</a></div>
There are a circle of points, each one corresponding
to a number. Lines are drawn between points according
to rules. Create interesting shapes like cardioids
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/shaperoller.png" width=250 height=250><br>
<div class="project-title"><a href="shaperoller.html">Shape Roller</a></div>
This program rolls (invisible) shapes around other
(invisible) shapes and traces a point on the shape as
it moves along. Create interesting shapes like cardioids.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/mandelbrot.png" width=250 height=250><br>
<div class="project-title"><a href="mandelbrot.html">The Mandelbrot Set</a></div>
This program draws the Mandelbrot Set. You can
zoom in and change the power.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/ant.png" width=250 height=250><br>
<div class="project-title"><a href="ant.html">Langton's Ant</a></div>
This is the cellular automaton known as Langton's
Ant. You can find out more about it <a href="https://en.wikipedia.org/wiki/Langton%27s_ant">here</a>.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/picalculator.png" width=250 height=250><br>
<div class="project-title"><a href="2pi.html">π Calculator</a></div>
Draw a circle, then find out how well your circle
approximates π!
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/anagramgame.png" width=250 height=250><br>
<div class="project-title"><a href="anagramgame.html">The Anagram Game</a></div>
Find an anagram of a random word.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/autoartapp.png" width=200>
<div class="project-title"><a href="https://play.google.com/store/apps/details?id=org.neocities.autoart.autoart">AutoArt App</a></div>
The Android app for <a href="AutoImages.html">AutoImages</a>.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/magnetsapp.png" width=200>
<div class="project-title"><a href="https://play.google.com/store/apps/details?id=org.neocities.autoart.magnets">Magnets App</a></div>
The Android app for <a href="magnets.html">Magnets</a>.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
<img src="screenshots/ballbounceapp.png" width=200>
<div class="project-title"><a href="https://play.google.com/store/apps/details?id=org.neocities.autoart.ballbounce">Ball Bounce App</a></div>
The Android app for <a href="ballbounce.html">Ball Bounce</a>.
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project">
More coming soon!
</div>
</div>
</div>
</body>
<footer>
<p>This website is licensed under the <a href='LICENSE.txt'>GNU General public license</a>. All of the source code can be found <a href="http://github.com/pommicket/pommicket.github.io">here</a></p>
</footer>
</html>
|
