The Sierpinski Triangle is a fractal. According to Wikipedia it was named after "mathematician Waclaw Sierpinski who described it in 1915. However, similar patterns appear already in the 13th-century Cosmati mosaics in the cathedral of Anagni, Italy." You can create the Sierpinski Triangle (and very similar fractals) with surprisingly little code. The following picture and instructions are also from Wikipedia.
Start with any triangle, though the usual Sierpinski triangle uses an equilateral triangle. Shrink the triangle to ½ height and ½ width, make three copies, and position the three shrunken triangles so that each triangle touches the two other triangles at a corner (image 2). Note the emergence of the central hole - because the three shrunken triangles can between them cover only 3/4 of the area of the original. (Holes are an important feature of Sierpinski's triangle.) Repeat step 2 with each of the smaller triangles (image 3 and so on).
-
You may find slides #1 - 39 of the Recursion powerpoint and the Recursion 1 worksheet helpful.
-
Fork and clone down this repository (Optional: Create your own repository from scratch. Look at the bottom of this page for instructions)
-
Write the
sierpinski
function:- If
len
is less than or equal to 20 (or some variable)- Draw a triangle with the left corner at (
x
,y
) and a base and height equal tolen
.
- Draw a triangle with the left corner at (
- else
- recursively call the
sierpinksi
function to draw a triangle with the left corner at (x
,y
) and a base and height equal tolen/2
. - Again, call the
sierpinksi
function a second time to draw another triangle a distance oflen/2
to the right of the first triangle. - Now, call the
sierpinksi
function a third time to draw a triangle a distance oflen/4
to the right andlen/2
up from the first triangle. This triangle should "sit on top" of the first two.
- recursively call the
- If
-
Once you have the
sierpinksi
function completed, call it once indraw()
to start the process. You can change the number and size of the triangles by changing the limit in theif
from 20 to some variable and adjusting the value of the variable. One way to make the program interactive is to usemouseDragged
to change the limit. -
Feel free to create your own individual variation of the Sierpinski triangle. Your recursive triangle doesn't have to look like any other. The mathematically adventurous might want to check out the sierpinski triangle page to end most sierpinski triangle pages ™.
-
You could also create a Sierpinski carpet, Wallis sieve, Hawaiian earring, Menger sponge or similiar as an alternative to the Sierpinski Triangle.
It's not hard to create your own repostiory.
- Create a folder called SierpinskiTriangle in your apjava folder.
- Copy
processing.js
from a previous assignment and move it to the SierpinskiTriangle folder (Or, better practice, download the latest development version) - Use Sublime to create the following 3 files, all of which are stored in the SierpinskiTriangle folder. Choose New File and then Save As and give the file the correct name
SierpinskiTriangle.pde
index.html
(can be copied from a previous assignment, you will just need to change the canvas id tag in the body to match the nameSierpinskiTriangle
)styles.css
(can be copied from a previous assignment)
- Now, go to GitHub and create a new empty SierpinskiTriangle repository. GitHub will provide the commands that you use to link your local SierpinskiTriangle folder to the GitHub repository
- To display your program on the web, you will want to create a new
gh-pages
branch. Then, go to the GitHub settings and makegh-pages
the default branch
Anya
Nathan
Reesa
Kelly
Eva
Miko
Jacky
Helen
Parker
Alexandria
Andre
Leanna
Tomiya
Michelle
Melody
Carl
Ivan
Megan
Brian
Thomas
Herman
Raymond
Rebecca
Brian
Anna
Eric
Thomas
Daniel
Hannah
Jeanette
Noah
John
Jeremy
Emily
Francisco
Brandi
Andy
Martin
Stanley
Justin
Alex
Eric
Andy
Marvin
Kevin
Stephan
Esther
Steven
Brian
Aliya
Elston
Aidan
Chris
Emma
Steven
Alexander
Elliott
Henry
Matthew
Sasha
Oliver