2D becomes 3D

- diff --git a/2d23dcustom.html b/2d23dcustom.html index 7775f64..02ab3bd 100644 --- a/2d23dcustom.html +++ b/2d23dcustom.html @@ -4,6 +4,7 @@ + @@ -12,7 +13,6 @@

Draw a pattern by dragging your mouse around. Press enter when you're done.
To draw a straight line, click the starting location, press the shift key, and click the ending location.

- diff --git a/2pi.html b/2pi.html index bbf0a43..95b4fa7 100644 --- a/2pi.html +++ b/2pi.html @@ -14,7 +14,7 @@

π calculator

Since 2π day is today (6/28), here's a π/2π calculator. Draw a circle, then find out how well your circle approximates π!
-
+

diff --git a/AutoAudio.html b/AutoAudio.html index 8b452a8..e4c57b6 100644 --- a/AutoAudio.html +++ b/AutoAudio.html @@ -14,42 +14,69 @@

AutoAudio

+ AutoAudio is a program that creates computer generated audio. + An explanation of AutoAudio can be found here. + To download the audio, right-click on the play button, and click "Save audio as...". +

AutoAudio is a program that creates computer generated audio.
- For an explanation of AutoAudio, go here
- After you click "Create", please wait until the audio finishes before listening to it. -

- - - - - +

+ Single operator weight + +

+
+

+ Number weight + +

+
+

+ Function length + +

+
+

- +

-

AutoArt is licensed under the GNU General public license.

AutoHarmonographStartSave image +

+ Number of pendulums + +

+
+

+ Maximum damping + +

+ StartSave imageAutoImagesAutoImages is a program that creates computer generated images.
- For an explanation of AutoImages, go here
- First click the create button then the download button.
- If the download button doesn't work, just right click on the image then click "Save image as...". - Change X and Y to change the resolution of the image.
- After you click create, wait until the image shows, then click "Download". +

+ AutoImages is a program that creates computer generated images. + An explanation of AutoImages can be found here. + If the download button doesn't work, just right click on the image then click "Save image as...". +

+ Create -

Options - X: +

+ Width + +

+
+ +

+ Height + +

+
+

+ + + + Notify me when it finishes. +

- Y:
- Notify me when it finishes. -

Advanced Options - Single operator weight:
- Number weight:
- Function length:
-

- +

+ Single operator weight + +

+
+

+ Number weight + +

+
+

+ Function length + +

+
+ -

AutoArt is licensed under the GNU General public license.

AutoVideosAutoVideos is a program that creates computer generated videos.
- For an explanation of AutoVideos, go here - First click the create button then the download button.
- If the download button doesn't work, just right click on the image then click "Save image as...". - Change X and Y to change the resolution of the image.
- After you click create, wait until the image shows, then click "Download". +

+ AutoVideos is a program that creates computer generated videos. + An explanation of AutoVideos can be found here. + To download the video, right click on the play button, and click "Save video as...". Name it + something.webm +

+ -

Options - X: -
- Y: -
- Length: -
- Frame rate:
- Notify me when it finishes. -

-
-

- Advanced Options - Single operation weight:
- Number weight:
- Function length:
-

- +

+ Width + +

+
+

+ Height + +

+
+

+ Length + +

+
+

+ Frame rate + +

+
+

+ + + + Notify me when it finishes. +

+
+ Advanced Options +

+ Single operator weight + +

+
+

+ Number weight + +

+
+

+ Function length + +

+
+ CreateCreate -

AutoArt is licensed under the GNU General public license.

StartSave imageAdd pendulumAdd pendulumName GeneratorName Generator generates names using a method created by Claude Shannon. - Claude Shannon created fake English text by going to a random page in a book, and writing down the first letter on the page. - Let's say it was "h". Then, he would flip to another random page in the book, and find the first occurrence of the letter "h". Let's say - it was in the word "had". He would then write down the letter that followed the "h", in this case "a", then flip to another page in the book, - and find that the first occurrence of "a" was followed by "l", and so on. This program is slightly different. It takes two random (taking into - account the frequencies of letters in English) letters. It finds what those two letters are commonly followed by. Then it takes the last two letters, - and finds what those two letters are commonly followed by, and so on. There is also a faster offline version on GitHub

- After clicking "Create Names!", the button will become red until it has finished loading. To download the names, click on the download link, then press Ctrl+S/Command+S.Create Names! +

+ Name Generator generates names using a method created by Claude Shannon. + Claude Shannon created fake English text by going to a random page in a book, and writing down the first letter on the page. + Let's say it was "h". Then, he would flip to another random page in the book, and find the first occurrence of the letter "h". Let's say + it was in the word "had". He would then write down the letter that followed the "h", in this case "a", then flip to another page in the book, + and find that the first occurrence of "a" was followed by "l", and so on. This program is slightly different. It takes two random (taking into + account the frequencies of letters in English) letters. It finds what those two letters are commonly followed by. Then it takes the last two letters, + and finds what those two letters are commonly followed by, and so on. There is also a faster offline version + on GitHub

+ After clicking "Create Names!", the button will become red until it has finished loading. To download the names, click on the download link, then press Ctrl+S/Command+S.

+ +

+ Number of names + +

+ + + + Display names +

+ Create Names! diff --git a/all.html b/all.html index 409b9de..b84190d 100644 --- a/all.html +++ b/all.html @@ -13,211 +13,262 @@

All projects

- AutoImages
-

- A computer program that creates art. It uses
- random functions to generate images. An explanation
- can be found here.
- There is also AutoArtEvolve, which improves its
- images based on the ones you prefer:
- -

- -

- AutoVideos
-

- A computer program that creates videos. It uses
- random functions to generate videos. An explanation
- can be found here.
-

- -

- AutoAudio
-

- A computer program that creates audio. It uses
- random functions to generate audio. An explanation
- can be found here.
-

- - -

- NameGenerator
-

- A computer program that generates names! It uses
- the frequencies of trigrams.
-

- -

Domino simulator web version or offline version

-
-

- Place dominos, then knock them over. -

- -

- AutoHarmonograph or Non-randomized
-

- A randomized Harmonograph. You pick the - number of pendulums. -

- -

- 2D becomes 3D (and 2D becomes 3D custom - where you pick the starting shape)
-

- Different 2D shapes are moved around in circles
- to form 3D objects. -

- -

- Clock
-

- 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.

- -

- Maze Solver
-

- Create a maze, choose a starting point and an
- ending point, and your computer will solve the
- maze. -

- -

- Elementary cellular automata
-

- Run elementary cellular automata. -

- -

- H
-

- Pick simple rules, and watch a cool pattern
- start to appear. -

- Tree and Tree generator -

- 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.
-

- -

- Ball bounce
-

- Try to bounce a ball with your mouse. The game
- gets harder and harder because you can't see the
- ball behind its tracks.
-

- -

- Magnets
-

- Try to avoid magnets which are attracted to your
- mouse. -

- -

- Modular Pascal's Triangle
-

- A picture of Pascal's triangle mod x. Set x and
- Click update to see the triangle.

- -

- Modular Circles
-

- 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
-

- -

- Shape Roller
-

- 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.
-

- -

- The Mandelbrot Set
-

- This program draws the Mandelbrot Set. You can
- zoom in and change the power.
-

- -

- Langton's Ant
-

- This is the cellular automaton known as Langton's
- Ant. You can find out more about it here. -

- -

- π Calculator
-

- Draw a circle, then find out how well your circle
- approximates π!
-

- -

- The Anagram Game
-

- Find an anagram of a random 7-letter word. -

- -

- AutoArt
- The Android app for AutoImages.
-

- -

- Magnets
-

- The Android app for Magnets.
-

- -

- Ball Bounce
-

- The Android app for Ball Bounce.
-

- - - -

- More coming soon! -

+ +

AutoImages

+ A computer program that creates art. It uses + random functions to generate images. An explanation + can be found here. +

+ +

AutoArtEvolve

+ AutoArtEvolve improves its + images based on the ones you prefer +

+ +

AutoVideos

+ A computer program that creates videos. It uses + random functions to generate videos. An explanation + can be found here. +

+ +

AutoAudio

+ A computer program that creates audio. It uses + random functions to generate audio. An explanation + can be found here. +

+ +

NameGenerator

+ A computer program that generates names! It uses + the frequencies of trigrams. +

+ +

+
+

+ Domino simulator + web version or offline version +

+ Place dominos, then knock them over. +

+ +

+ AutoHarmonograph or + Non-randomized +

+ A randomized Harmonograph. You pick the + number of pendulums. +

+ +

+ 2D becomes 3D + (and 2D becomes 3D custom + where you pick the starting shape) +

+ Different 2D shapes are moved around in circles + to form 3D objects. +

+ +

Clock

+ 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. +

+ +

Maze Solver

+ Create a maze, choose a starting point and an + ending point, and your computer will solve the + maze. +

+ +

Elementary cellular automata

+ Run elementary cellular automata. +

+ +

+ Pick simple rules, and watch a cool pattern + start to appear. +

+ +

+ Tree and + Tree generator +

+ 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. +

+ +

Ball bounce

+ Try to bounce a ball with your mouse. The game + gets harder and harder because you can't see the + ball behind its tracks. +

+ +

Magnets

+ Try to avoid magnets which are attracted to your + mouse. +

+ +

Modular Pascal's Triangle

+ A picture of Pascal's triangle mod x. Set x and + Click update to see the triangle. +

+ + +

Modular Circles

+ 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 +

+ +

Shape Roller

+ 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. +

+ +

The Mandelbrot Set

+ This program draws the Mandelbrot Set. You can + zoom in and change the power. +

+ +

Langton's Ant

+ This is the cellular automaton known as Langton's + Ant. You can find out more about it here. +

+ +

π Calculator

+ Draw a circle, then find out how well your circle + approximates π! +

+ +

The Anagram Game

+ Find an anagram of a random 7-letter word. +

+ +

AutoArt App

+ The Android app for AutoImages. +

+ +

Magnets App

+ The Android app for Magnets. +

+ +

Ball Bounce App

+ The Android app for Ball Bounce. +

+ +

+ More coming soon! +

diff --git a/anagramgame.html b/anagramgame.html index 7b12aba..9d415c2 100644 --- a/anagramgame.html +++ b/anagramgame.html @@ -14,13 +14,23 @@

Loading word list...

- - - +

+ + + + + + + +

- + diff --git a/ant.html b/ant.html index fc4712a..480a0a2 100644 --- a/ant.html +++ b/ant.html @@ -10,12 +10,19 @@

Langton's Ant

- -
-
-
-
-

Speed:

+
+
+
+
+

+ Speed + +

diff --git a/apps.html b/apps.html index 0fe0cc9..c2a2d0e 100644 --- a/apps.html +++ b/apps.html @@ -13,23 +13,38 @@

Android Apps

- AutoArt
- The Android app for AutoImages.
-

- Magnets
-

- The Android app for Magnets.
-

AutoArt App

+ The Android app for AutoImages. +

- Ball Bounce
-

- The Android app for Ball Bounce.
-

Magnets App

+ The Android app for Magnets. +

+ +

Ball Bounce App

+ The Android app for Ball Bounce. +

+ +

+ More coming soon! +

diff --git a/ballbounce.html b/ballbounce.html index 73c525e..9ab67ce 100644 --- a/ballbounce.html +++ b/ballbounce.html @@ -4,6 +4,7 @@ + @@ -11,8 +12,7 @@

Ball Bounce

You can get the android app for Ball Bounce - here.

- + here.

diff --git a/css/cellularautomata.css b/css/cellularautomata.css index 814c0e7..56017ca 100644 --- a/css/cellularautomata.css +++ b/css/cellularautomata.css @@ -2,13 +2,3 @@ { font-family: monospace; } - -#error -{ - color: red; -} - -button:active -{ - background-color: #ff0000; -} diff --git a/css/style.css b/css/style.css index 17d4d3b..eb501f3 100644 --- a/css/style.css +++ b/css/style.css @@ -2,23 +2,24 @@ footer { font-size:12px; } -.header_link + +body { - font-size: 16px; - padding-left: 10px; - padding-right: 10px; - padding-top: 5px; - padding-bottom: 5px; + margin: 10px; +} - background: #f9f9f9; +.project-title +{ + font-size: 22px; } -.header_link:hover + +.checkbox { - text-decoration: none; - background: #eeeeee; + width: 20px; + height: 20px; } -body +.with-margin { - margin: 10px; + margin-bottom: 5px; } diff --git a/elementarycellularautomata.html b/elementarycellularautomata.html index dd1b960..6fcd379 100644 --- a/elementarycellularautomata.html +++ b/elementarycellularautomata.html @@ -15,23 +15,57 @@

Elementary Cellular Automata

+ This is a program which runs elementary cellular automata + like Rule 110. Each cell is determined by the 3 cells above it (assuming speed of light = 1), using + rules specified by the rule number. The "speed of light", (A.K.A. the range) is how quickly information travels. Each cell is determined by + the 2c+1 cells where c is the "speed of light". Rule number < 2^{2^2c+1} +

+
+

+ Number of iterations + +

+
+

+ Size + +

+
+

+ Starting configuration + +

+
+

+ Rule number + +

+
+

+ "Speed of light" + +

- This is a program which runs elementary cellular automata - like Rule 110. Each cell is determined by the 3 cells above it (assuming speed of light = 1), using - rules specified by the rule number. The "speed of light", (A.K.A. the range) is how quickly information travels. Each cell is determined by - the 2c+1 cells where c is the "speed of light". Rule number < 2^{2^2c+1}

+
- Number of iterations:
- Size (if the length of the starting configuration is less than the size, zeros will be added to both sides): -
- Starting configuration:
- Rule number:
- "Speed of light":
- + -

diff --git a/games.html b/games.html index a3cf7c4..296b481 100644 --- a/games.html +++ b/games.html @@ -13,39 +13,46 @@

Games

- - -

- Ball bounce
-

- Try to bounce a ball with your mouse. The game
- gets harder and harder because you can't see the
- ball behind its tracks.
-

- -

- Magnets
-

- Try to avoid magnets which are attracted to your
- mouse. -

- -

- π Calculator
-

- Draw a circle, then find out how well your circle
- approximates π!
-

- -

Domino simulator web version or offline version

-
-

- Place dominos, then knock them over. -

- +

Ball bounce

+ Try to bounce a ball with your mouse. The game + gets harder and harder because you can't see the + ball behind its tracks. +

+ +

Magnets

+ Try to avoid magnets which are attracted to your + mouse. +

+ +

π Calculator

+ Draw a circle, then find out how well your circle + approximates π! +

+ +

+
+

+ Domino simulator + web version or offline version +

+ Place dominos, then knock them over. +

+ +

diff --git a/h.html b/h.html index efae965..7eb5e2e 100644 --- a/h.html +++ b/h.html @@ -3,7 +3,7 @@ H - + @@ -11,36 +11,68 @@ -

H

- + -

Line lengths controls the size of the Hs, width and height control - how big the H can get, and wait between iterations changes how quickly the - Hs are generated. Click begin to start, and once you think it has - grown enough, click stop. You can then download the H or continue to make - more Hs by clicking begin again.

+ Width and height control + how big it can get, and wait between iterations changes how quickly it grows. + When you click "Stop", you can download it. +

- Line lengths:
- Width:
- Height:
- Wait between iterations (ms):
- Chance that a new branch will form: - +

+ Line length + +

+
+

+ Width + +

+
+

+ Height + +

+
+

+ Wait between iterations (ms) + +

+
+

+ Chance that a new branch will form + New branch chance + +

-
-
+
+
-

+ Download H +

+ +

- diff --git a/index.html b/index.html index 7fa69e4..722d822 100644 --- a/index.html +++ b/index.html @@ -23,7 +23,7 @@

Image from AutoImages:

This website is licensed under the GNU General public license. All of the source code can be found here

diff --git a/js/2d23d.js b/js/2d23d.js index c3ac565..1e597e9 100644 --- a/js/2d23d.js +++ b/js/2d23d.js @@ -29,7 +29,7 @@ function draw() if (waiting) { iterations++; - + if (iterations > 150) { iterations = 0; @@ -39,45 +39,45 @@ function draw() } return; } - var ca = cos(angle) * radius + radius + 50; - var sa = sin(angle) * radius + radius + 50; - + var x = cos(angle) * radius + radius + 50; + var y = sin(angle) * radius + radius + 50; + angle += 0.1/6; - + if (angle > TWO_PI) rotations++; - + checkRotations(); - + angle %= TWO_PI; - + if (state == 0) - ellipse(ca, sa, 50, 50); - + ellipse(x, y, 50, 50); + else if (state == 1) - rect(ca, sa, 50, 50); + rect(x, y, 50, 50); else if (state == 2) - triangle(ca, sa, ca+50, sa, ca, sa+50); + triangle(x, y, x+50, y, x, y+50); + - else if (state == 3) - triangle(ca, sa, ca+25, sa+25, ca, sa+50); + triangle(x, y, x+25, y+25, x, y+50); + - else if (state == 4) - ellipse(ca, sa, 100, 50); + ellipse(x, y, 100, 50); + - else if (state == 5) - line(ca, sa, ca+50, sa); + line(x, y, x+50, y); + - else if (state == 6) - line(ca, sa, ca, sa+50); + line(x, y, x, y+50); else if (state >= 7) - arc(ca, sa, 50, 50, 0, (HALF_PI + state) % TWO_PI); + arc(x, y, 50, 50, 0, (HALF_PI + state) % TWO_PI); + - -} \ No newline at end of file +} diff --git a/js/2d23dcustom.js b/js/2d23dcustom.js index 3b55fd9..4465d28 100644 --- a/js/2d23dcustom.js +++ b/js/2d23dcustom.js @@ -27,7 +27,7 @@ function outOfBounds(x) function mouseDragged() { - if (outOfBounds(pmouseX) || outOfBounds(mouseX) || + if (outOfBounds(pmouseX) || outOfBounds(mouseX) || outOfBounds(pmouseY) || outOfBounds(mouseY)) return; stroke(0, 0, 0); @@ -37,13 +37,12 @@ function mouseDragged() function mouseClicked() { - if (straightLine) { line(slFirstPos[0], slFirstPos[1], mouseX, mouseY); drawing.line(slFirstPos[0], slFirstPos[1], mouseX, mouseY); straightLine = false; - return; + return; } slFirstPos = [mouseX, mouseY]; } @@ -70,21 +69,21 @@ function draw() cursor(ARROW); if (!ret_pressed) return; - + if (done) return; - + if (angle > TWO_PI) return; - + stroke(255, 0, 0); tint(255, 0, 0); - var ca = cos(angle) * radius + radius + 50; - var sa = sin(angle) * radius + radius + 50; - - - image(drawing, ca, sa); + var x = cos(angle) * radius + radius + 50; + var y = sin(angle) * radius + radius + 50; + + + image(drawing, x, y); angle += 0.1/6; - -} \ No newline at end of file + +} diff --git a/js/2pi.js b/js/2pi.js index 54d59d7..0316a90 100644 --- a/js/2pi.js +++ b/js/2pi.js @@ -27,7 +27,7 @@ function center() var centerX = 0; var centerY = 0; for (var i = 0; i < vertices.length; i++) - { + { centerX += vertices[i][0] / vertices.length; centerY += vertices[i][1] / vertices.length; } @@ -38,12 +38,12 @@ function twoPiApprox() { var o = center(); var c = circumference(); - + ellipseMode(CENTER); fill(0, 0, 200); noStroke(); ellipse(o[0], o[1], 5, 5); - + var avgR = 0; var minLocation; var maxLocation; @@ -51,9 +51,9 @@ function twoPiApprox() { var d = dist(vertices[i][0], vertices[i][1], o[0], o[1]); avgR += d / vertices.length; - + } - + stroke(0, 255, 0); noFill(); line(o[0], o[1], o[0]+avgR, o[1]); @@ -61,10 +61,10 @@ function twoPiApprox() ellipse(o[0], o[1], 2*avgR, 2*avgR); stroke(255, 200, 0); ellipse(o[0], o[1], c/PI, c/PI); - - + + return c/(2*avgR); - + } function setup() @@ -90,11 +90,12 @@ function calculate() { percentError = 100*(PI/avgPi - 1); } - var div = document.getElementById("info"); - div.innerHTML = "Your approximation | True value
2π = " + 2 * avgPi + " | " + TWO_PI + "
π = " + - + avgPi + " | " + PI + ".
" + percentError + "% error.
" + $("#info").html("

" + + "

	Your approximation	True value
2π	" + 2 * avgPi + + "	" + TWO_PI + "
π	" + + + avgPi + "	" + PI + "

" + percentError + "% error.
" + "The blue dot is the center of your shape. The green line is the average radius of the shape.
" + "The red circle is a circle with the same radius as your shape, and the orange circle is a
" + "circle with the same circumference as your shape. The closer they are, the better your
" - + "approximation of π"; -} \ No newline at end of file + + "approximation of π

"); +} diff --git a/js/AutoAudio.js b/js/AutoAudio.js index d3cf4f0..f3376d7 100644 --- a/js/AutoAudio.js +++ b/js/AutoAudio.js @@ -1,32 +1,11 @@ -var length; var single = ["Math.sqrt", "Math.cos", "Math.sin"]; //Operations on a single number -var singleweights = {}; var binary = ["*", "+", "-", "/"]; //Operations for 2 numbers -var binaryweights = {}; var varlist = ["x"]; var numlist = ["Constant"]; numlist = numlist.concat(varlist); -var numberweights = {"Constant":1}; var numberweight = 1; var singleweight = 1; -var eqlength; -var notify; -var functionp = document.getElementById('Function'); - -for(var i = 0; i < single.length; i++) -{ - singleweights[single[i]] = 1; -} - -for(var i = 0; i < binary.length; i++) -{ - binaryweights[binary[i]] = 1; -} - -for(var i = 0; i < varlist.length; i++) -{ - numberweights[varlist[i]] = 1; -} +var flength; function randItem(l) { @@ -64,10 +43,10 @@ function rmvmath(str) return newstr; } -function randEquation() +function randFunction() { var hasx = false; - var equation; + var func; var lasttype; var thistype; var chanceend; @@ -79,7 +58,7 @@ function randEquation() while (!hasx) { //Types: b for binary, s for single, f for first, n for number - equation = ''; + func = ''; lasttype = 'f'; thistype = 0; hasx = false; @@ -88,7 +67,7 @@ function randEquation() while (true) { - chanceend = Math.pow((1.0 - (1.0 / length)), eqlength); + chanceend = Math.pow((1.0 - (1.0 / length)), flength); if (lasttype == 'n') { number = Math.random(); @@ -96,16 +75,16 @@ function randEquation() { break; } - equation = '(' + equation + ')' + randItem(binary); + func = '(' + func + ')' + randItem(binary); lasttype = 'b'; } else if (lasttype == 's' || lasttype == 'b' || lasttype == 'f') { - equation += '('; + func += '('; thistype = Math.random(); if (thistype < singleweight / (singleweight + numberweight)) { - equation += randItem(single); + func += randItem(single); lasttype = 's'; } else @@ -113,98 +92,86 @@ function randEquation() what = randItem(numlist); if (what == 'Constant') { - equation += (Math.random()*100+100).toString(); + func += (Math.random()*100+100).toString(); } else { - equation += what; + func += what; if (what == 'x') { hasx = true; } } lasttype = 'n'; - equation += ')'; + func += ')'; } } length++; } } - while (countChar(equation, '(') > countChar(equation, ')')) + while (countChar(func, '(') > countChar(func, ')')) { - equation += ')'; + func += ')'; } - return equation; + return func; } -function evalEquation(eq, x) -{ - try - { - eval('var result = ' + eq); - return result; - } - catch(err) - { - return 0; - } -} function create() { + var notify; + var length; var date = new Date(); var start = date.getTime(); - var form = document.getElementById('Options'); - var errtag = document.getElementById('Error'); + $("#Error").html(""); - errtag.innerHTML = ''; - for (var i = 0; i < form.elements.length; i++) - { - if (form.elements[i].value == '') - { - errtag.innerHTML = 'Please enter a valid number.'; - return; - } - } + length = parseInt($("#length").val()); + notify = $("#notify").prop("checked"); - length = parseInt(form.elements[1].value); - notify = form.elements[2].checked; + singleweight = parseFloat($("#single").val()); + numberweight = parseFloat($("#number").val()); + flength = parseFloat($("#flength").val()); - singleweight = parseFloat(form.elements[4].value); - numberweight = parseFloat(form.elements[5].value); - eqlength = parseFloat(form.elements[6].value); + if (isNaN(length) || isNaN(singleweight) || isNaN(numberweight) || isNaN(flength)) + { + $("#Error").html("Please enter a valid number."); + stopLoading(); + return; + } var data = []; - var equation = randEquation(); + var func = randFunction(); + + eval( + "for (var x=0; x countChar(equation, ')')) + while (countChar(func, "(") > countChar(func, ")")) { - equation += ')'; + func += ")"; } - return equation; + return func; } function create() { + var width; + var height; + var notify; + var date = new Date(); var start = date.getTime(); - form = document.getElementById('Options'); + $("#Error").html(""); - var errtag = document.getElementById('Error'); - errtag.innerHTML = ''; - for (var i = 0; i < form.elements.length; i++) - { - if (form.elements[i].value === '') - { - errtag.innerHTML = 'Please enter a valid number.'; - return; - } - } + width = parseInt($("#width").val()); + height = parseInt($("#height").val()); + notify = $("#notify").prop("checked"); - xsize = parseInt(form.elements[1].value); - ysize = parseInt(form.elements[2].value); - notify = form.elements[3].checked; + singleweight = parseFloat($("#single").val()); + numberweight = parseFloat($("#number").val()); + flength = parseFloat($("#flength").val()); - singleweight = parseFloat(form.elements[5].value); - numberweight = parseFloat(form.elements[6].value); - eqlength = parseFloat(form.elements[7].value); + if (isNaN(width) || isNaN(height) || isNaN(singleweight) || isNaN(numberweight) || isNaN(flength)) + { + stopLoading(); + $("#Error").html("Please enter a valid number."); + return; + } - canvas.width = xsize; - canvas.height = ysize; - var imgData = ctx.createImageData(xsize, ysize); - var requation = randEquation(); - var gequation = randEquation(); - var bequation = randEquation(); + canvas.width = width; + canvas.height = height; + var imgData = ctx.createImageData(width, height); + var rfunction = randFunction(); + var gfunction = randFunction(); + var bfunction = randFunction(); var x; var y; var r; var g; var b; eval( - 'for (var i=0;i countChar(equation, ')')) + while (countChar(func, "(") > countChar(func, ")")) { - equation += ')'; - } - return equation; -} - -function evalEquation(eq, x, y, t) -{ - try - { - eval('var result = ' + eq); - return result; - } - catch(err) - { - return 0; + func += ")"; } + return func; } function create() { var d = new Date(); var start = d.getTime(); - var xsize; - var ysize; + var width; + var height; var length; var framerate; - var form = document.getElementById('Options'); + $("#Error").html(""); - var errtag = document.getElementById('Error'); - errtag.innerHTML = ''; + width = parseInt($("#width").val()); + height = parseInt($("#height").val()); + length = parseFloat($("#length").val()); + framerate = parseInt($("#framerate").val()); + notify = $("#notify").prop("checked"); - for (var i = 0; i < form.elements.length; i++) + singleweight = parseFloat($("#single").val()); + numberweight = parseFloat($("#number").val()); + flength = parseFloat($("#flength").val()); + + if (isNaN(width) || isNaN(height) || isNaN(length) || isNaN(framerate) || isNaN(singleweight) || isNaN(numberweight) || isNaN(flength)) { - if (form.elements[i].value == '') - { - errtag.innerHTML = 'Please enter a valid number.'; - return; - } + stopLoading(); + $("#Error").html("Please enter a valid number."); + return; } - xsize = parseInt(form.elements[1].value); - ysize = parseInt(form.elements[2].value); - length = parseFloat(form.elements[3].value); - framerate = parseInt(form.elements[4].value); - notify = form.elements[5].checked; - - singleweight = parseFloat(form.elements[7].value); - numberweight = parseFloat(form.elements[8].value); - eqlength = parseFloat(form.elements[9].value); - - var requation = randEquation(); - var gequation = randEquation(); - var bequation = randEquation(); + var rfunction = randFunction(); + var gfunction = randFunction(); + var bfunction = randFunction(); + console.log("1Hi"); var x; var y; var r; var g; var b; var encoder = new Whammy.Video(framerate); - var video = document.getElementById('Video'); - var canvas = document.getElementById('Canvas'); - video.width = xsize; - video.height = ysize; - canvas.width = xsize; - canvas.height = ysize; - var ctx = canvas.getContext('2d'); - var apx = ctx.getImageData(0, 0, xsize, ysize); + var video = document.getElementById("Video"); + var canvas = document.getElementById("Canvas"); + video.width = width; + video.height = height; + canvas.width = width; + canvas.height = height; + var ctx = canvas.getContext("2d"); + var apx = ctx.getImageData(0, 0, width, height); var data = apx.data; eval( - 'for(var t = 0; t < Math.round(framerate * length); t++)'+ - '{'+ - ' for(var i = 0; i < data.length; i+=4)'+ - ' {'+ - ' x = (i/4) % xsize;'+ - ' y = Math.floor((i/4) / xsize);'+ - ' r = Math.abs(Math.round((' + requation + ') % 255));'+ - ' g = Math.abs(Math.round((' + gequation + ') % 255));'+ - ' b = Math.abs(Math.round((' + bequation + ') % 255));'+ - ' data[i] = r;'+ - ' data[i+1] = g;'+ - ' data[i+2] = b;'+ - ' data[i+3] = 255;'+ - ' }'+ - ' apx.data = data;'+ - ' ctx.putImageData(apx, 0, 0);'+ - ' encoder.add(ctx);'+ - '}' + "for(var t = 0; t < Math.round(framerate * length); t++)"+ + "{"+ + " for(var i = 0; i < data.length; i+=4)"+ + " {"+ + " x = (i/4) % width;"+ + " y = Math.floor((i/4) / width);"+ + " r = Math.abs(Math.round((" + rfunction + ") % 255));"+ + " g = Math.abs(Math.round((" + gfunction + ") % 255));"+ + " b = Math.abs(Math.round((" + bfunction + ") % 255));"+ + " data[i] = r;"+ + " data[i+1] = g;"+ + " data[i+2] = b;"+ + " data[i+3] = 255;"+ + " }"+ + " apx.data = data;"+ + " ctx.putImageData(apx, 0, 0);"+ + " encoder.add(ctx);"+ + "}" ); var output = encoder.compile(); var url = webkitURL.createObjectURL(output); @@ -246,36 +229,37 @@ function create() var timetaken = Math.round((end-start)/1000); if (timetaken == 1) { - $("#Time").html('The time it took was 1 second.'); + $("#Time").html("The time it took was 1 second."); } else { - $("#Time").html('The time it took was ' + timetaken + ' seconds.'); + $("#Time").html("The time it took was " + timetaken + " seconds."); } - $("#Function").html('$Functions: \\newline\\newline Red: $' + rmvmath(requation) + '$\\newline\\newline Green: $' + rmvmath(gequation) + '$\\newline\\newline Blue: $' + rmvmath(bequation) + '$'); - LatexIT.render('*',false); + $("#Function").html("$Functions: \\newline\\newline Red: $" + rmvmath(rfunction) + "$\\newline\\newline Green: $" + rmvmath(gfunction) + "$\\newline\\newline Blue: $" + rmvmath(bfunction) + "$"); + LatexIT.render("*",false); stopLoading(); - if(notify) + if (notify) { - alert('Your video has finished.'); + alert("Your video has finished."); } + stopLoading(); } function startLoading() { - $('#Create').prop('disabled', true); - $('#Create').html('Loading...'); + $("#Create").prop("disabled", true); + $("#Create").html("Loading..."); } function stopLoading() { - $('#Create').prop('disabled', false); - $('#Create').html('Create'); + $("#Create").prop("disabled", false); + $("#Create").html("Create"); } function start() diff --git a/js/Harmonograph.js b/js/Harmonograph.js index a2e12a6..be219b8 100644 --- a/js/Harmonograph.js +++ b/js/Harmonograph.js @@ -14,8 +14,8 @@ var started = false; function sinExp(A, t, f, p, d) { - - + + return A*sin(t*f + p) * exp(-d*t); } @@ -42,7 +42,7 @@ Pendulum.prototype.swing = function() var x = 0; var y = sinExp(this.a, t, this.f, this.p, this.d); } - + return [x, y]; } @@ -75,7 +75,7 @@ function addPendulum() txt.id = "pt" + npendulums; document.body.appendChild(txt); document.body.appendChild(p); - + txt = document.createElement("p"); txt.innerHTML = "Amplitude:"; txt.id = "at" + npendulums; @@ -85,7 +85,7 @@ function addPendulum() a.id = "A" + npendulums; document.body.appendChild(txt); document.body.appendChild(a); - + txt = document.createElement("p"); txt.innerHTML = "Damping:"; txt.id = "dt" + npendulums; @@ -95,8 +95,8 @@ function addPendulum() d.id = "d" + npendulums; document.body.appendChild(txt); document.body.appendChild(d); - - + + txt = document.createElement("p"); txt.innerHTML = "Frequency:"; var f = document.createElement("input"); @@ -106,7 +106,7 @@ function addPendulum() txt.id = "ft" + npendulums; document.body.appendChild(txt); document.body.appendChild(f); - + txt = document.createElement("p"); txt.innerHTML = "Is it a Y pendulum? (you should have at least one X and Y pendulum) "; var xy = document.createElement("input"); @@ -119,8 +119,8 @@ function addPendulum() var br = document.createElement("br"); br.id = "br" + npendulums; document.body.appendChild(br); - - + + txt = document.createTextNode("Delete this pendulum"); var delBtn = document.createElement("button"); delBtn.setAttribute("onclick", "deletePendulum(" + npendulums + ");"); @@ -138,16 +138,16 @@ function deletePendulum(x) document.body.removeChild(document.getElementById("f" +x)); document.body.removeChild(document.getElementById("A" +x)); document.body.removeChild(document.getElementById("xy" +x)); - + document.body.removeChild(document.getElementById("pt" +x)); document.body.removeChild(document.getElementById("dt" +x)); document.body.removeChild(document.getElementById("ft" +x)); document.body.removeChild(document.getElementById("at" +x)); document.body.removeChild(document.getElementById("xyt" +x)); - + document.body.removeChild(document.getElementById("db" +x)); document.body.removeChild(document.getElementById("br" +x)); - + for (var i = x+1; i < npendulums; i++) { document.getElementById("p"+i).id = "p"+(i-1); @@ -175,15 +175,14 @@ function start() frameRate(1000); for (var i = 0; i < npendulums; i++) { - //document.write("Hello"); - var a = document.getElementById("A" + i).value; - var f = document.getElementById("f" + i).value; - var p = document.getElementById("p" + i).value; - var d = document.getElementById("d" + i).value; - var xy = document.getElementById("xy"+i).checked; + var a = $("#A" + i).value; + var f = $("#f" + i).value; + var p = $("#p" + i).value; + var d = $("#d" + i).value; + var xy = $("#xy"+i).checked; new Pendulum(parseFloat(a), parseFloat(d), parseFloat(f), parseFloat(p), xy); } - + } function saveCanvas() @@ -199,8 +198,8 @@ function draw() curr = calculate(); if (t !== 0) line(pp[0], pp[1], curr[0], curr[1]); - - + + t++; pp = curr; -} \ No newline at end of file +} diff --git a/js/NameGenerator.js b/js/NameGenerator.js index 2a11411..c7ffa09 100644 --- a/js/NameGenerator.js +++ b/js/NameGenerator.js @@ -5,19 +5,19 @@ var sumStartsWith = {}; function loadTrigrams(responseText) { - var lines = responseText.split('\n'); + var lines = responseText.split("\n"); for (var i = 0; i < lines.length; i++) { var trigram = lines[i].substring(0, 3); var value = parseInt(lines[i].substring(4, lines[i].length)); - if (trigram == '' || isNaN(value)) + if (trigram == "" || isNaN(value)) continue; trigrams[trigram] = value; } trigramKeyList = Object.keys(trigrams); - document.getElementById("loading").innerHTML = ""; + $("#loading").html(""); } function start() @@ -43,7 +43,7 @@ function pickFirst2() for (var i = 0; i < trigramKeyList.length; i++) { - if (trigramKeyList[i][0] == ' ') + if (trigramKeyList[i][0] == " ") { sum += trigrams[trigramKeyList[i]]; } @@ -54,7 +54,7 @@ function pickFirst2() for (var i = 0; i < trigramKeyList.length; i++) { - if (trigramKeyList[i][0] == ' ') + if (trigramKeyList[i][0] == " ") { count += trigrams[trigramKeyList[i]]; if (selected < count) @@ -103,14 +103,14 @@ function generateName() { var first = pickFirst2(); var name = first; - var next = ''; + var next = ""; var length = 0; do { name += next; next = nextChar(name); } - while (next != ' '); + while (next != " "); name = name[0].toUpperCase() + name.substring(1); @@ -121,41 +121,36 @@ function generateName() function createNames() { - var nameStr = ''; - var numNames = document.getElementById("numNames").value; - var nameDiv = document.getElementById("names"); + var nameStr = ""; + var numNames = $("#numNames").val(); - window.setTimeout(50, function() {document.getElementById("loading").innerHTML = "Loading...";}); - - nameDiv.innerHTML = ""; + $("#names").html(); for (var i = 0; i < numNames; i++) nameStr += generateName() + "
"; - if (document.getElementById("outputNames").checked) - nameDiv.innerHTML = nameStr; + if ($("#outputNames").prop("checked")) + $("#names").html(nameStr); - document.getElementById("loading").innerHTML = ""; + $("#loading").html(""); - var dload; - dload = document.getElementById("download"); - dload.innerHTML = "Download names (.txt)"; + $("#download").html("Download names (.txt)"); var txt = nameStr.replace(/
/g, "\n"); - dload.href = "data:text/plain;charset=utf-8," + encodeURI(txt); + $("#download").prop("href", "data:text/plain;charset=utf-8," + encodeURI(txt)); stopLoading(); } function startLoading() { - $('#button').prop('disabled', true); - $('#button').html('Loading...'); + $("#button").prop("disabled", true); + $("#button").html("Loading..."); } function stopLoading() { - $('#button').prop('disabled', false); - $('#button').html('Create Names!'); + $("#button").prop("disabled", false); + $("#button").html("Create Names!"); } diff --git a/js/anagramgame.js b/js/anagramgame.js index f313452..c50c403 100644 --- a/js/anagramgame.js +++ b/js/anagramgame.js @@ -67,16 +67,16 @@ function findWord() function play() { - document.getElementById("hidden").style = "visibility: hidden;"; - document.getElementById("again").style = "visibility: hidden;"; - document.getElementById("answer").style = "visibility: hidden;"; - document.getElementById("guess").value = ""; - document.getElementById("loading").innerHTML = "Finding a word with an anagram..."; + $("#hidden").attr("style", "visibility: hidden;"); + $("#again").attr("style", "visibility: hidden;"); + $("#answer").attr("style", "visibility: hidden;"); + $("#guess").val(""); + $("#loading").html("Finding a word with an anagram..."); findWord(); - document.getElementById("loading").innerHTML = ""; - document.getElementById("word").innerHTML = "Find an anagram of " + word + "."; - document.getElementById("hidden").style = ""; - + $("#loading").html(""); + $("#word").html("Find an anagram of " + word + "."); + $("#hidden").attr("style", ""); + } function isWord(x) @@ -100,34 +100,34 @@ function loadWords() } play(); } - }; + }; xhttp.open("GET", "https://raw.githubusercontent.com/sindresorhus/word-list/master/words.txt", true); xhttp.send(); } function submit() { - var guess = document.getElementById("guess").value.toLowerCase(); + var guess = $("#guess").val().toLowerCase(); if (guess != word && letterCounts(guess).equals(letterCounts(word)) && isWord(guess)) { - document.getElementById("answer").style = ""; - document.getElementById("answer").innerHTML = "Correct!"; - - document.getElementById("again").style = ""; + $("#answer").attr("style", ""); + $("#answer").html("Correct!"); + + $("#again").attr("style", ""); } else { - document.getElementById("answer").style = ""; - document.getElementById("answer").innerHTML = "Incorrect!"; + $("#answer").attr("style", ""); + $("#answer").html("Incorrect!"); } } function giveUp() { - document.getElementById("answer").style = ""; - document.getElementById("answer").innerHTML = "The answer was " + anagram + "."; - - document.getElementById("again").style = ""; + $("#answer").attr("style", ""); + $("#answer").html("The answer was " + anagram + "."); + + $("#again").attr("style", ""); } loadWords(); diff --git a/js/ant.js b/js/ant.js index f6ef4c6..6a2b27d 100644 --- a/js/ant.js +++ b/js/ant.js @@ -20,7 +20,17 @@ function turnright(d) function turnleft(d) { - return turnright(turnright(turnright(d))); + switch(d) + { + case 'u': + return 'l'; + case 'd': + return 'r'; + case 'r': + return 'u'; + case 'l': + return 'd'; + } } @@ -29,7 +39,7 @@ function setup() frameRate(100); createCanvas(500, 500); antPos = [width/2, height/2]; - + for (var i = 0; i < height; i++) { cells.push([]); @@ -75,27 +85,32 @@ function draw() { if (!running) return; - - for (var i = 0; i < parseInt(document.getElementById("speed").value); i++) + + var speed = parseInt($("#speed").val()); + + if (isNaN(speed)) + speed = 0; + + for (var i = 0; i < speed; i++) { - + if (antPos[0] < 0 || antPos[0] >= width || antPos[1] < 0 || antPos[1] >= height) { running = false; } - + if (!running) return; - + if (cells[antPos[1]][antPos[0]] == 1) direction = turnright(direction); else direction = turnleft(direction); - - + + cells[antPos[1]][antPos[0]] = 1-cells[antPos[1]][antPos[0]]; drawCell(antPos[0], antPos[1]); - + if (direction == 'u') antPos[1]--; else if (direction == 'l') @@ -104,13 +119,13 @@ function draw() antPos[1]++; else if (direction == 'r') antPos[0]++; - + stroke(255, 0, 0); point(antPos[0], antPos[1]); } } -function mouseDragged() +function mouseDragged() { if (mouseX < 0 || mouseX >= width || mouseY < 0 || mouseY >= height) return; @@ -132,4 +147,4 @@ function clearCells() background(255); stroke(255, 0, 0); point(antPos[0], antPos[1]); -} \ No newline at end of file +} diff --git a/js/ballbounce.js b/js/ballbounce.js index 15c3a53..e0b9f6f 100644 --- a/js/ballbounce.js +++ b/js/ballbounce.js @@ -1,7 +1,7 @@ var WIDTH = 500; var HEIGHT = 500; var ball_radius = 25; -var ball_pos = [WIDTH/2, 0]; +var ball_pos = [WIDTH/2, HEIGHT/4]; var ball_vel = [0, 0]; var score = 0; var started = false; @@ -22,7 +22,7 @@ function reset() function draw() { - + fill(0,0,0); ellipse(ball_pos[0], ball_pos[1], ball_radius*2, ball_radius*2); fill(255, 0, 0); @@ -34,21 +34,21 @@ function draw() ball_pos[1] -= 10; score++; started = true; - } + } } if (started) ball_vel[1] += 0.1; - + ball_pos[0] += ball_vel[0]; ball_pos[1] += ball_vel[1]; - + if (ball_pos[1] > HEIGHT) { alert("You lost. Score: " + score); reset(); - ball_pos = [WIDTH/2, 0]; + ball_pos = [WIDTH/2, HEIGHT/4]; ball_vel = [0, 0]; score = 0; started = false; } -} \ No newline at end of file +} diff --git a/js/elementarycellularautomata.js b/js/elementarycellularautomata.js index 402c9c7..2d079a2 100644 --- a/js/elementarycellularautomata.js +++ b/js/elementarycellularautomata.js @@ -85,89 +85,114 @@ function getNewValue(rule, above, c, binStrings) return rule[binStrings.indexOf(above)]; } +function startLoading() +{ + $("#run").prop("disabled", true); + $("#run").html("Loading..."); +} -$(document).ready(function() { - $("#run").click(function() +function stopLoading() +{ + $("#run").prop("disabled", false); + $("#run").html("Run"); +} + +function run() +{ + $("#error").html(""); + /* An elementary cellular automaton (e.g. Rule 110 (https://en.wikipedia.org/wiki/Rule_110)) */ + var time = parseInt($("#time").val()); /* Amount of time to run the automaton for. */ + var size = parseInt($("#size").val()); /* Size of the starting automaton (bits). */ + var c = parseInt($("#c").val()); + var startingConfig = $("#start").val(); /* Starting configuration for the automaton. */ + var ruleNumber = parseInt($("#rule").val()); /* Rule number (e.g. 110). (0 <= x < 256) This must be converted to a binary number before use. */ + + if (!check(time > 0, "Error - The value " + time + " is an invalid time. Time > 0.")) { - $("#error").html(""); - /* An elementary cellular automaton (e.g. Rule 110 (https://en.wikipedia.org/wiki/Rule_110)) */ - var time = parseInt($("#time").val()); /* Amount of time to run the automaton for. */ - var size = parseInt($("#size").val()); /* Size of the starting automaton (bits). */ - var c = parseInt($("#c").val()); - var startingConfig = $("#start").val(); /* Starting configuration for the automaton. */ - var ruleNumber = parseInt($("#rule").val()); /* Rule number (e.g. 110). (0 <= x < 256) This must be converted to a binary number before use. */ - - if (!check(time > 0, "Error - The value " + time + " is an invalid time. Time > 0.")) - { - /* Check for invalid time argument. */ - return; - } + /* Check for invalid time argument. */ + stopLoading(); + return; + } - if (!check(ruleNumber >= 0 && ruleNumber < Math.pow(2, Math.pow(2, 2*c+1)), - "Error - Rule number " + ruleNumber + " does not exist. 0 ≤ Rule number ≤ 2^{2^2c+1}")) - { - /* Check for an out-of-bounds rule number. */ - return; - } - if (!check(startingConfigValid(startingConfig), "Error - Starting configuration invalid: " + startingConfig)) + if (!check(ruleNumber >= 0 && ruleNumber < Math.pow(2, Math.pow(2, 2*c+1)), + "Error - Rule number " + ruleNumber + " does not exist. 0 ≤ Rule number ≤ 2^{2^2c+1}")) + { + /* Check for an out-of-bounds rule number. */ + stopLoading(); + return; + } + if (!check(startingConfigValid(startingConfig), "Error - Starting configuration invalid: " + startingConfig)) + { + /* Check for an invalid starting configuration. e.g. 024930283848 */ + stopLoading(); + return; + } + + if (!check(startingConfig.length <= size, "Error - Starting configuration length is greater than size!")) + { + stopLoading(); + return; + } + + if (!check(size > 0, "Error - Invalid size: " + size + ". Size > 0")) + { + /* Check for invalid size argument. */ + stopLoading(); + return; + } + + var rule = bin(ruleNumber, Math.pow(2, 2*c+1)); + + $("#canvas").prop("width", size*2); + $("#canvas").prop("height", time*2); + + + ctx = document.getElementById("canvas").getContext("2d"); + + ctx.fillStyle = "#ffffff" + ctx.fillRect(0, 0, size, time); + ctx.fillStyle = "#000000" + + startingConfig = padConfiguration(startingConfig, size); + /* Run the automaton. */ + + drawState(startingConfig, 0); + var binStrings = Array.from(Array(Math.pow(2, 2*c+1)).keys()).map(function(x) { return bin(x, 2*c+1); }).reverse(); + var lastState = startingConfig; + + for (var t = 1; t < time; t++) + { + var nextState = ""; + for (var i = 0; i < c; i++) { - /* Check for an invalid starting configuration. e.g. 024930283848 */ - return; + nextState += getNewValue(rule, pad(lastState.substring(0, i+c+1), 2*c+1), c, binStrings) } - if (!check(startingConfig.length <= size, "Error - Starting configuration length is greater than size!")) + for (var i = c; i < size-c; i++) { - return; + nextState += getNewValue(rule, lastState.substring(i-c, i+c+1), c, binStrings); } - if (!check(size > 0, "Error - Invalid size: " + size + ". Size > 0")) + for (var i = size-c; i < size; i++) { - /* Check for invalid size argument. */ - return; + nextState += getNewValue(rule, pad(lastState.substring(i-c, size), 2*c+1), c, binStrings); } - var rule = bin(ruleNumber, Math.pow(2, 2*c+1)); - - document.getElementById("canvas").width = size*2; - document.getElementById("canvas").height = time*2; - - - ctx = document.getElementById("canvas").getContext("2d"); + drawState(nextState, t); + lastState = nextState; + } - ctx.fillStyle = "#ffffff" - ctx.fillRect(0, 0, size, time); - ctx.fillStyle = "#000000" + stopLoading(); - startingConfig = padConfiguration(startingConfig, size); - /* Run the automaton. */ +} - drawState(startingConfig, 0); - var binStrings = Array.from(Array(Math.pow(2, 2*c+1)).keys()).map(function(x) { return bin(x, 2*c+1); }).reverse(); - var lastState = startingConfig; - - for (var t = 1; t < time; t++) - { - var nextState = ""; - for (var i = 0; i < c; i++) - { - nextState += getNewValue(rule, pad(lastState.substring(0, i+c+1), 2*c+1), c, binStrings) - } - - for (var i = c; i < size-c; i++) - { - nextState += getNewValue(rule, lastState.substring(i-c, i+c+1), c, binStrings); - } - - for (var i = size-c; i < size; i++) - { - nextState += getNewValue(rule, pad(lastState.substring(i-c, size), 2*c+1), c, binStrings); - } - - drawState(nextState, t); - lastState = nextState; - } +$(document).ready(function() { + $("#run").click(function() + { + startLoading(); + window.setTimeout(run, 1); }); diff --git a/js/h.js b/js/h.js index d23530f..584841d 100644 --- a/js/h.js +++ b/js/h.js @@ -1,5 +1,3 @@ -try -{ var lineLength = 5; var canvas; var ctx; @@ -46,14 +44,14 @@ function multiple(e) if (allendpoints[i].equals(e)) { count++; - + if (count > 1) return true; } } - + return false; - + } function rmvAll(e) @@ -70,30 +68,30 @@ function iterate() { var indexOfThis = endpoints.indexOf(this); endpoints.splice(indexOfThis, 1); - - if (this.direction == 'h') + + if (this.direction == "h") { line(this.x-lineLength, this.y, this.x+lineLength, this.y); - var e1 = new Endpoint(this.x-lineLength, this.y, 'v'); - var e2 = new Endpoint(this.x+lineLength, this.y, 'v'); - + var e1 = new Endpoint(this.x-lineLength, this.y, "v"); + var e2 = new Endpoint(this.x+lineLength, this.y, "v"); + } else { line(this.x, this.y-lineLength, this.x, this.y+lineLength); - var e1 = new Endpoint(this.x, this.y-lineLength, 'h'); - var e2 = new Endpoint(this.x, this.y+lineLength, 'h'); - + var e1 = new Endpoint(this.x, this.y-lineLength, "h"); + var e2 = new Endpoint(this.x, this.y+lineLength, "h"); + } - + if (Math.random() < chance) endpoints.push(e1); if (Math.random() < chance) endpoints.push(e2); allendpoints.push(e1); allendpoints.push(e2); - + } Endpoint.prototype.equals=equals; @@ -102,34 +100,33 @@ Endpoint.prototype.iterate=iterate; function iterateAll() { - + var cpy = endpoints.slice(); - + for (var i = 0; i < cpy.length; i++) if (multiple(cpy[i])) rmvAll(cpy[i]); - + cpy = endpoints.slice(); for (var i = 0; i < cpy.length; i++) cpy[i].iterate(); - + iterateTimeout = setTimeout(iterateAll, delay); } function stop() { + $("#stop").hide(); running = false; + if (!stopped) { clearTimeout(iterateTimeout); - var download = document.createElement('a'); - download.innerHTML = 'Download H'; - download.href = canvas.toDataURL(); - download.download = 'h.png'; - download.id = 'download'; - document.body.appendChild(download); + $("#download").show(); + $("#link").prop("href", canvas.toDataURL()); stopped = true; } + } function start() @@ -137,13 +134,13 @@ function start() if (!running) { running = true; - - + + w = canvas.width; h = canvas.height; endpoints = []; allendpoints = []; - var a = new Endpoint(w/2, h/2, 'h'); + var a = new Endpoint(w/2, h/2, "h"); endpoints.push(a); a.iterate(); iterateAll(); @@ -153,51 +150,39 @@ function start() function beginH() { -try{ + $("#begin").hide(); if (!stopped) { - canvas = document.getElementById('canvas'); - - var w = parseInt(document.getElementById('w').value); - var h = parseInt(document.getElementById('h').value); + canvas = document.getElementById("canvas"); + + var w = parseInt($("#w").val()); + var h = parseInt($("#h").val()); canvas.width = w; canvas.height = h; - - ctx = canvas.getContext('2d'); + + ctx = canvas.getContext("2d"); ctx.strokeStyle = "#000"; - ctx.fillStyle = '#fff'; - + ctx.fillStyle = "#fff"; + ctx.fillRect(0, 0, w, h); - - lineLength= document.getElementById('lineLength').value; - lineLength = parseInt(lineLength); - - delay = parseInt(document.getElementById('delay').value); - - document.body.appendChild(canvas); - document.body.appendChild(document.createElement('br')); - - chance = parseFloat(document.getElementById('chance').value); - - + + lineLength = parseInt($("#lineLength").val()); + + delay = parseInt($("#delay").val()); + + chance = parseFloat($("#chance").val()); + + start(); } else { - document.body.removeChild(document.getElementById('download')); iterateAll(); stopped = false; } - } -catch(e) -{ - document.write(e); } -} - -} -catch(e) +$(function() { - document.write(e); -} \ No newline at end of file + $("#download").hide(); +}); diff --git a/js/magnets.js b/js/magnets.js index 7d82507..c532e74 100644 --- a/js/magnets.js +++ b/js/magnets.js @@ -65,7 +65,7 @@ function draw() safe_zone_radius *= 0.9995; ellipse(mouseX, mouseY, safe_zone_radius, safe_zone_radius); - if ((mouseX > width || mouseY > height) && magnets.length > 0) + if ((mouseX > width || mouseY > height || mouseY < 0) && magnets.length > 0) { gameOver = true; alert("You went out of bounds. Score: " + magnets.length); diff --git a/js/mandelbrot.js b/js/mandelbrot.js index cdfc467..93929ce 100644 --- a/js/mandelbrot.js +++ b/js/mandelbrot.js @@ -37,7 +37,7 @@ function cpower(re, im, power) i++; } return x; - + } function iterate(z, power, c) @@ -66,14 +66,12 @@ function num_iterations(power, c, max_iterations) function draw_mandelbrot() { var size = width*increment; - - - + var endI = startI+size; var endJ = startJ+size; - + var imgData = ctx.createImageData(width, height); - + for (var i = startI; i < endI; i+=increment) { for (var j = startJ; j < endJ; j+=increment) @@ -82,14 +80,14 @@ function draw_mandelbrot() var jpos = j*(1.0/increment)-startJ*(1.0/increment); jpos = Math.floor(Math.round(jpos)); ipos = Math.floor(Math.round(ipos)); - + var x = num_iterations(power, [i, j], iterations)/iterations * 255 imgData.data[4*(jpos*width+ipos)] = x; imgData.data[1+4*(jpos*width+ipos)] = x; imgData.data[2+4*(jpos*width+ipos)] = x; imgData.data[3+4*(jpos*width+ipos)] = 255; - - + + } } ctx.putImageData(imgData, 0, 0); @@ -109,25 +107,25 @@ function mousePressed(e) { var x; var y; - if (e.pageX || e.pageY) { + if (e.pageX || e.pageY) { x = e.pageX; y = e.pageY; } - else { - x = e.clientX; - y = e.clientY; - } + else { + x = e.clientX; + y = e.clientY; + } x -= canvas.offsetLeft; y -= canvas.offsetTop; if (x < 0 || x > width || y < 0 || y > height) return; - + if (e.button == 0) { increment /= 2; startI = map(x, 0, width, startI, startI+width*increment); startJ = map(y, 0, height, startJ, startJ+width*increment); - + draw_mandelbrot(); } } @@ -141,7 +139,7 @@ function keyPressed(e) increment /= 2; startI = startI+width*increment/2; startJ = startJ+height*increment/2; - + draw_mandelbrot(); } if (key == "Q") @@ -176,4 +174,3 @@ canvas.addEventListener("mousedown", mousePressed); document.body.addEventListener("keydown", keyPressed); draw_mandelbrot(); - \ No newline at end of file diff --git a/js/mazesolver.js b/js/mazesolver.js index c2b5b89..815aa59 100644 --- a/js/mazesolver.js +++ b/js/mazesolver.js @@ -1,6 +1,5 @@ -var canvas = document.getElementById('Canvas'); -var form = document.getElementById('Form'); +var canvas = document.getElementById("Canvas"); var X; @@ -26,7 +25,7 @@ for (var i = 0; i < Y; i++) } -var ctx = canvas.getContext('2d'); +var ctx = canvas.getContext("2d"); var mouseDown = false; @@ -37,7 +36,6 @@ var begun = false; var start; //(location) var end; //(location) -var doesItWorkParagraph = document.getElementById('DoesItWork'); function reset() { @@ -198,38 +196,21 @@ function getTilesToGoal() while (!(equals2d(tilesToGoal, oldTTG))); - - /*for (var y = 0; y < tilesToGoal.length; y++) - { - for (var x = 0; x < tilesToGoal[y].length; x++) - document.write(tilesToGoal[y][x] + ' '); - - document.write('
'); - }*/ - - if (tilesToGoal[start[1]][start[0]] < 0) return false; return true; } -function remove(element) -{ - element.parentNode.removeChild(element); -} - function startCreation() { - var size = form.elements[0].value; + var size = $("#size").val(); X = size; Y = size; - var button = document.getElementById('StartButton'); - button.innerHTML = 'Solve Maze'; - button.onclick = function(){try{begin();}catch(err){document.write(err)}}; - remove(form); - canvas.width = 500; - canvas.height = 500; + $("#Canvas").show(); + $("#begin").show(); + $("#StartButton").html("Clear maze"); + $("#form").hide(); reset(); clear(); @@ -240,7 +221,7 @@ function begin() if (!(startPlaced && endPlaced)) { - doesItWorkParagraph.innerHTML = 'You must choose a start and end location (right-click).'; + $("#Error").html("You must choose a start and end location (right-click)."); reset(); clear(); return; @@ -250,7 +231,7 @@ function begin() var mazeWorks = getTilesToGoal(); if (mazeWorks === false) { - doesItWorkParagraph.innerHTML = 'Maze cannot be solved.'; + $("#Error").html("Maze cannot be solved."); reset(); clear(); return; @@ -268,7 +249,7 @@ function begin() x = location[0]; y = location[1]; - circle(x * TILEWIDTH + TILEWIDTH / 2, y * TILEWIDTH + TILEWIDTH / 2, parseInt(TILEWIDTH / 2.5), '#ffaaaa'); + circle(x * TILEWIDTH + TILEWIDTH / 2, y * TILEWIDTH + TILEWIDTH / 2, parseInt(TILEWIDTH / 2.5), "#aaf"); surroundingTiles = [[x+1, y], [x, y+1], [x-1, y], [x, y-1]]; if (y === tilesToGoal.length - 1) surroundingTiles = rmvArray(surroundingTiles, [x, y+1]); if (y === 0) surroundingTiles = rmvArray(surroundingTiles, [x, y-1]); @@ -287,7 +268,7 @@ function begin() x = location[0]; y = location[1]; - circle(x * TILEWIDTH + TILEWIDTH / 2, y * TILEWIDTH + TILEWIDTH / 2, parseInt(TILEWIDTH / 2.5), '#ffaaaa'); + circle(x * TILEWIDTH + TILEWIDTH / 2, y * TILEWIDTH + TILEWIDTH / 2, parseInt(TILEWIDTH / 2.5), "#aaf"); reset(); @@ -320,7 +301,7 @@ function mouseMoved(event) if (button === 1) { - rect(tilex * TILEWIDTH, tiley * TILEWIDTH, TILEWIDTH, TILEWIDTH, '#dddddd'); + rect(tilex * TILEWIDTH, tiley * TILEWIDTH, TILEWIDTH, TILEWIDTH, "#dddddd"); tiles[tiley][tilex] = false; if (equals([tilex, tiley], start)) { @@ -343,7 +324,7 @@ function mouseMoved(event) if (notClickedOnStart && notClickedOnEnd) { - rect(tilex * TILEWIDTH, tiley * TILEWIDTH, TILEWIDTH, TILEWIDTH, '#aaaaaa'); + rect(tilex * TILEWIDTH, tiley * TILEWIDTH, TILEWIDTH, TILEWIDTH, "#aaaaaa"); tiles[tiley][tilex] = true; } @@ -351,7 +332,7 @@ function mouseMoved(event) function clear() { - rect(0, 0, canvas.width, canvas.height, '#dddddd'); + rect(0, 0, canvas.width, canvas.height, "#dddddd"); started = false; } @@ -388,13 +369,13 @@ function mousePressed(event) if ((!startPlaced) && (!tiles[tiley][tilex])) { start = [tilex, tiley]; - rect(tilex * TILEWIDTH, tiley * TILEWIDTH, TILEWIDTH, TILEWIDTH, '#00ff00'); + rect(tilex * TILEWIDTH, tiley * TILEWIDTH, TILEWIDTH, TILEWIDTH, "#00ff00"); startPlaced = true; } else if ((!endPlaced) && (!tiles[tiley][tilex])) { end = [tilex, tiley]; - rect(tilex * TILEWIDTH, tiley * TILEWIDTH, TILEWIDTH, TILEWIDTH, '#ffff00'); + rect(tilex * TILEWIDTH, tiley * TILEWIDTH, TILEWIDTH, TILEWIDTH, "#ffff00"); endPlaced = true; return; } @@ -408,9 +389,9 @@ function mouseReleased(event) -canvas.addEventListener('mousemove', mouseMoved, false); -canvas.addEventListener('mousedown', mousePressed, false); -canvas.addEventListener('mouseup', mouseReleased, false); +canvas.addEventListener("mousemove", mouseMoved, false); +canvas.addEventListener("mousedown", mousePressed, false); +canvas.addEventListener("mouseup", mouseReleased, false); function circle(x, y, r, colour) { @@ -430,14 +411,14 @@ function rect(x, y, w, h, colour) function text(str, x, y) { - ctx.font = "20px Helvetica"; - ctx.fillStyle = '#000000'; + ctx.font = "20px Arial"; + ctx.fillStyle = "#000000"; ctx.fillText(str, x, y); } function line(x1, y1, x2, y2) { - ctx.strokeStyle = '#000000'; + ctx.strokeStyle = "#000000"; ctx.beginPath(); ctx.moveTo(x1, y1); ctx.lineTo(x2, y2); @@ -453,4 +434,10 @@ function line(x1, y1, x2, y2, color) ctx.stroke(); }; -rect(0, 0, canvas.width, canvas.height, '#dddddd'); +rect(0, 0, canvas.width, canvas.height, "#dddddd"); + +$(function() +{ + $("#begin").hide(); + $("#Canvas").hide(); +}); diff --git a/js/modularcircles.js b/js/modularcircles.js index 8b588f9..8e346e0 100644 --- a/js/modularcircles.js +++ b/js/modularcircles.js @@ -5,45 +5,45 @@ function setup() function nPoints() { - return document.getElementById("npoints").value; + return parseInt($("#npoints").val()); } function shouldMul() { - return document.getElementById("should_mul").checked; + return $("#should_mul").prop("checked"); } function amount() { - return parseFloat(document.getElementById("amount").value); + return parseFloat($("#amount").val()); } function getPos(number) { - angle = 2*PI * number/(nPoints()); + angle = 2*PI * number/(nPoints()); return [cos(angle)*250+300, sin(angle)*250+300]; } function draw() { if (shouldMul()) - document.getElementById("amount").step = 0.1; + $("#amount").prop("step", 0.1); else - document.getElementById("amount").step = 1; + $("#amount").prop("step", 1); background(255); ellipseMode(CENTER); noStroke(); fill(0); for (var i = 0; i < nPoints(); i++) ellipse(getPos(i)[0], getPos(i)[1], 3, 3); - + stroke(0); for (var i = 0; i < nPoints(); i++) { if (shouldMul()) { stroke(map(map((amount()*i)%nPoints(), 0, nPoints(), 0, 256) - map(i, 0, nPoints(), 0, 256), -256, 256, 0, 256), map(i, 0, nPoints(), 0, 256), map((amount()*i)%nPoints(), 0, nPoints(), 0, 256)); - line(getPos(i)[0], getPos(i)[1], getPos((amount()*i)%nPoints())[0], getPos((amount()*i)%nPoints())[1]); + line(getPos(i)[0], getPos(i)[1], getPos((amount()*i)%nPoints())[0], getPos((amount()*i)%nPoints())[1]); } else { @@ -51,4 +51,4 @@ function draw() line(getPos(i)[0], getPos(i)[1], getPos((amount()+i)%nPoints())[0], getPos((amount()+i)%nPoints())[1]); } } -} \ No newline at end of file +} diff --git a/js/modularpascal.js b/js/modularpascal.js index ea91de1..a2c4c1a 100644 --- a/js/modularpascal.js +++ b/js/modularpascal.js @@ -1,15 +1,16 @@ -var triangle = []; -var colors = []; -var currentX; + function getX() { - return document.getElementById("mod").value; + return $("#mod").val(); } function updateTriangle() { + var triangle = []; + var colors = []; + var currentX; var x = getX(); triangle = []; currentX = x; diff --git a/js/shaperoller.js b/js/shaperoller.js index f0360d6..cd67fac 100644 --- a/js/shaperoller.js +++ b/js/shaperoller.js @@ -33,7 +33,7 @@ function deleteShape(num) removeElementById("radius"+num); removeElementById("del"+num); removeElementById("br"+num); - + } function updateShapes() @@ -49,7 +49,7 @@ function updateShapes() radii.push(document.getElementById("radius" + i).value); } speed = parseFloat(document.getElementById("speed").value); - + } function loadShapes() @@ -69,7 +69,7 @@ function addShape() updateShapes(); var nShapes = getNumShapes(); var shapesDiv = document.getElementById("shapes"); - shapesDiv.innerHTML += 'Radius: Shape: ' + + shapesDiv.innerHTML += 'Radius: Shape: ' + '
'; shapes.push(0); radii.push(50); @@ -104,7 +104,7 @@ function squos(angle) if (angle > QUARTER_PI && angle < 3*QUARTER_PI) return -map(angle, QUARTER_PI, 3*QUARTER_PI, -1, 1); return map(angle, 5*QUARTER_PI, 7*QUARTER_PI, -1, 1); - + } function getPointOnShape(shape, radius, centerX, centerY, angle) @@ -123,7 +123,7 @@ function setup() } function draw() -{ +{ updateShapes(); try{ if (drawing) @@ -131,36 +131,36 @@ function draw() background(255); stroke(0); noFill(); - + var centerX = width/2; var centerY = height/2; var nextPoint; - + for (var i = 0; i < shapes.length; i++) { - + var angle = map(currentAngle%radii[i], 0, radii[i], 0, TWO_PI); nextPoint = getPointOnShape(shapes[i], radii[i], centerX, centerY, angle); centerX = nextPoint[0]; centerY = nextPoint[1]; - + } - - + + points.push([centerX, centerY]); - - - + + + if (points.length != 1 && dist(points[0][0], points[0][1], points[points.length-1][0], points[points.length-1][1]) < speed) drawing = false; - - + + for (var i = 1; i < points.length; i++) { line(points[i-1][0], points[i-1][1], points[i][0], points[i][1]); } - - + + currentAngle += speed; if (drawing) { @@ -169,4 +169,4 @@ function draw() ellipse(centerX, centerY, 7, 7); } }}catch(e){document.write(e + "
");} -} \ No newline at end of file +} diff --git a/js/tree.js b/js/tree.js index 64cd2f3..f3c977d 100644 --- a/js/tree.js +++ b/js/tree.js @@ -1,24 +1,24 @@ - function draw_branch(x, y, t) { - if (t > 8) - return; - var sz = (400 * pow(0.5, t)) * map(255-frameCount%256, 0, 255, 0, 1); - var angle = map(mouseX, 0, width, 0, HALF_PI) + t * map(mouseY, 0, height, -HALF_PI, HALF_PI); - line(x, y, x+cos(angle)*sz, y-sin(angle)*sz); - line(x, y, x-cos(angle)*sz, y-sin(angle)*sz); - draw_branch((x+cos(angle)*sz), (y-sin(angle)*sz), t+1); - draw_branch((x-cos(angle)*sz), (y-sin(angle)*sz), t+1); + if (t > 8) + return; + var sz = (400 * pow(0.5, t)) * map(255-frameCount%256, 0, 255, 0, 1); + var angle = map(mouseX, 0, width, 0, HALF_PI) + t * map(mouseY, 0, height, -HALF_PI, HALF_PI); + line(x, y, x+cos(angle)*sz, y-sin(angle)*sz); + line(x, y, x-cos(angle)*sz, y-sin(angle)*sz); + draw_branch((x+cos(angle)*sz), (y-sin(angle)*sz), t+1); + draw_branch((x-cos(angle)*sz), (y-sin(angle)*sz), t+1); } + function setup() { - - createCanvas(700, 700); - background(255); - draw_branch(width/2, height, 0); + createCanvas(700, 700); + background(255); + draw_branch(width/2, height, 0); } + function draw() { - background(255); - draw_branch(width/2, height, 0); + background(255); + draw_branch(width/2, height, 0); } diff --git a/js/treegenerator.js b/js/treegenerator.js index 225c639..599cade 100644 --- a/js/treegenerator.js +++ b/js/treegenerator.js @@ -1,37 +1,36 @@ - var size; var start_angle; var angle_decay; + function draw_branch(x, y, t) { - if (t > 8) - return; - var sz = size * pow(0.5, t); - var angle = start_angle + angle_decay * t; - line(x, y, x+cos(angle)*sz, y-sin(angle)*sz); - line(x, y, x-cos(angle)*sz, y-sin(angle)*sz); - draw_branch(x+cos(angle)*sz, y-sin(angle)*sz, t+1); - draw_branch(x-cos(angle)*sz, y-sin(angle)*sz, t+1); - + if (t > 8) + return; + var sz = size * pow(0.5, t); + var angle = start_angle + angle_decay * t; + line(x, y, x+cos(angle)*sz, y-sin(angle)*sz); + line(x, y, x-cos(angle)*sz, y-sin(angle)*sz); + draw_branch(x+cos(angle)*sz, y-sin(angle)*sz, t+1); + draw_branch(x-cos(angle)*sz, y-sin(angle)*sz, t+1); + } + function setup() { - - createCanvas(700, 700); - stroke(0); + createCanvas(750, 750); + stroke(0); } function draw() { - size = parseFloat(document.getElementById("size").value); - start_angle = parseFloat(document.getElementById("angle").value); - angle_decay = parseFloat(document.getElementById("angledecay").value); - background(255); - draw_branch(width/2, height, 0); + size = parseFloat($("#size").val()); + start_angle = parseFloat($("#angle").val()); + angle_decay = parseFloat($("#angledecay").val()); + background(255); + draw_branch(width/2, height, 0); } function saveTree() -{ +{ save("tree.png"); - -} \ No newline at end of file +} diff --git a/magnets.html b/magnets.html index 4851095..8626df5 100644 --- a/magnets.html +++ b/magnets.html @@ -4,6 +4,7 @@ + @@ -13,7 +14,7 @@

Magnets

You can get the Android app for Magnets here.

- + diff --git a/magnets_old_version.html b/magnets_old_version.html index 6ac6014..f3173a1 100644 --- a/magnets_old_version.html +++ b/magnets_old_version.html @@ -4,14 +4,15 @@ +

Magnets

- - + + diff --git a/mandelbrot.html b/mandelbrot.html index e46eaca..93fbbbc 100644 --- a/mandelbrot.html +++ b/mandelbrot.html @@ -10,10 +10,15 @@

Mandelbrot Set

The Mandelbrot Set is a fractal. An explanation of how it works can be found here. Click on a spot to zoom in on that spot or press A to zoom in and - Q to zoom out. Press P to increase the power, and L to decrease it. Press I to increase the maximum number of iterations and K to decrease it.
- Every time you zoom in or out, change the power, or change the maximum number of iterations it will take a bit of time to load.

+ The Mandelbrot Set is a fractal. An explanation of how it works can be found here. Click on a spot to zoom in on that spot or press A to zoom in and + Q to zoom out. Press P to increase the power, and L to decrease it. Press I to increase the maximum number of iterations and K to decrease it.
+ Every time you zoom in or out, change the power, or change the maximum number of iterations it will take a bit of time to load. +

+
+

diff --git a/mathematical.html b/mathematical.html index 1d78992..e91d638 100644 --- a/mathematical.html +++ b/mathematical.html @@ -13,114 +13,142 @@

Mathematical Demonstrations

- Modular Pascal's Triangle
-

- A picture of Pascal's triangle mod x. Set x and
- Click update to see the triangle.

- -

- Modular Circles
-

- 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
-

- -

- Shape Roller
-

- 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.
-

- -

- The Mandelbrot Set
-

- This program draws the Mandelbrot Set. You can
- zoom in and change the power.
-

- -

- Langton's Ant
-

- This is the cellular automaton known as Langton's
- Ant. You can find out more about it here. -

- -

- Elementary cellular automata
-

- Run elementary cellular automata. -

- -

- Maze Solver
-

- Create a maze, choose a starting point and an
- ending point, and your computer will solve the
- maze. -

- - -

- AutoImages
-

- -

- AutoVideos
-

- A computer program that creates videos. It uses
- random functions to generate videos. An explanation
- can be found here.
-

- -

- AutoAudio
-

- A computer program that creates audio. It uses
- random functions to generate audio. An explanation
- can be found here.
-

- - -

- NameGenerator
-

- A computer program that generates names! It uses
- the frequencies of trigrams.
-

- -

- π Calculator
-

- Draw a circle, then find out how well your circle
- approximates π!
-

- +

Modular Pascal's Triangle

+ A picture of Pascal's triangle mod x. Set x and + Click update to see the triangle. +

+ + +

Modular Circles

+ 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 +

+ +

Shape Roller

+ 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. +

+ +

The Mandelbrot Set

+ This program draws the Mandelbrot Set. You can + zoom in and change the power. +

+ +

Langton's Ant

+ This is the cellular automaton known as Langton's + Ant. You can find out more about it here. +

+ +

Elementary cellular automata

+ Run elementary cellular automata. +

+ +

Maze Solver

+ Create a maze, choose a starting point and an + ending point, and your computer will solve the + maze. +

+ + +

AutoArt App

+ The Android app for AutoImages. +

+ +

AutoImages

+ A computer program that creates art. It uses + random functions to generate images. An explanation + can be found here. +

+ +

AutoVideos

+ A computer program that creates videos. It uses + random functions to generate videos. An explanation + can be found here. +

+ +

AutoAudio

+ A computer program that creates audio. It uses + random functions to generate audio. An explanation + can be found here. +

+ + +

NameGenerator

+ A computer program that generates names! It uses + the frequencies of trigrams. +

+ +

π Calculator

+ Draw a circle, then find out how well your circle + approximates π! +

+ +

+ More coming soon! +

+ +

diff --git a/mazesolver.html b/mazesolver.html index 64d15a4..2002f73 100644 --- a/mazesolver.html +++ b/mazesolver.html @@ -14,27 +14,35 @@

Maze Solver

Maze Solver is a computer program that can solve mazes.
- It works using this algorithm. To create a - maze, just left-click and drag on the screen below to create walls, middle-click to clear walls, and right-click to place start and ending locations. Then, - click the button saying "Solve Maze" and it will draw red circles connecting your start location to your end location.

+ Left-click to create walls, middle-click (press the scroll wheel) to clear walls, and right-click to place start and ending locations. +

+
-

+
+

+

+ Size + +

- -

diff --git a/modularcircles.html b/modularcircles.html index 21fbec8..84fa6be 100644 --- a/modularcircles.html +++ b/modularcircles.html @@ -13,10 +13,40 @@

Each point corresponds to a number. The points are connected based on rules.

+ Number of points + +

+
+

+ Add/Multiply + +

+
+

+ + + + Multiply? +

+ + + + Add? +

+
+ - Number of points:
- Add/Multiply:
- Multiply?
- Add?
diff --git a/modularpascal.html b/modularpascal.html index 2472aaf..4f36997 100644 --- a/modularpascal.html +++ b/modularpascal.html @@ -11,10 +11,17 @@

Modular Pascal's Triangle

A picture of Pascal's triangle mod x. This program might be a bit slow.

A picture of Pascal's triangle mod x.

- x:

+

+ x + +

diff --git a/shaperoller.html b/shaperoller.html index 0873237..1eddb8a 100644 --- a/shaperoller.html +++ b/shaperoller.html @@ -4,16 +4,15 @@ +

Shape Roller

This program rolls (invisible) shapes around other (invisible) shapes and traces a point on the shape as it moves along.
- Here's an animation of how it works (from Wikimedia):

- - - + Here's an animation of how it works:
+

Speed:
diff --git a/tree.html b/tree.html index 7427cc9..fee19a6 100644 --- a/tree.html +++ b/tree.html @@ -4,12 +4,12 @@ +

Tree

- diff --git a/treegenerator.html b/treegenerator.html index f1a58dd..b627a42 100644 --- a/treegenerator.html +++ b/treegenerator.html @@ -4,22 +4,38 @@ + +

Tree Generator

- Angle: - -
- Angle decay: - -
- Size: -
-

- +

+ Angle + +

+ +

+ Angle decay + +

+ +

+ Size + +

+
+ -- cgit v1.2.3