blob: a31de3ec583d4f57161047ebbf3815234bc78a71 (
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
|
<html>
<head>
<title>Mathematical Demonstrations</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>Mathematical Demonstrations</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/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/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/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/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/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/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/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">
<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">
<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/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">
More coming soon!
</div>
</div>
</div>
</body>
</html>
|
