coding

23
Oct
Fractal Ink to Code

Fractal Ink to Code

After drawing the fractal prompt today for Mathober, I played around to make it in p5js. Below is the Codepen to play with. I almost feel like it should have a surprise when they align…maybe for another day. See the Pen fractal_Mathober by Sophia (@fractalkitty) on CodePen.
1 min read
15
Oct
Lune of Hippocrates Clock

Lune of Hippocrates Clock

After drawing the Lune of Hippocrates yesterday for Mathober, I played around to make a Lune clock today. Below is codepen (p5 is here). I use a lot of these small projects for students to play with in an hour of code group. This one may not be as popular as projecting memes and cats […]
1 min read
11
Oct
Fantasy Maps to Planets

Fantasy Maps to Planets

For those that have created fantasy maps using previous posts here, in classes, or elsewhere in Worldbuilding, D&D, or art, I created a small script to see your maps as spherical planets. You can click to rotate and move the mouse off the canvas to have rotation. You may want to draw a map that […]
1 min read
04
Oct
Random Math Poetry

Random Math Poetry

I think the challenge here is to find the math that can fit the poetry… If you want a browser tab version, click here. You can also edit it and change the words as well. Below is the codepen: See the Pen OJNKQmE by Sophia (@fractalkitty) on CodePen.
1 min read
24
Sep

SA9: Quadrant Play

This Scripting Algebra (SA) activity looks at quadrants, mouse location, and interactive art p5.js. This activity assumes that the skills from SA1-SA8 were introduced (if-else, logical operators, random(), text(), rect(), variables, loop, pow, for, functions, translate, modulo, etc.). This activity
1 min read
24
Sep
Parametric Play!

Parametric Play!

Here are some simple animations with parametric equations. What you see below is a function and its inverse. If you click, you will get another semi-random equation. See the Pen qBZgZvW by Sophia (@fractalkitty) on CodePen.
1 min read
09
Sep
Parallel to a Parabola

Parallel to a Parabola

I received a question today about what curve is parallel to a parabola. I sat for a minute and realized that it wasn’t another parabola. It required parametric equations (at least if you wanted to keep it simple). That of course lead to code: See the Pen jOqzMJb by Sophia (@fractalkitty) on CodePen.
1 min read
25
Aug
SA8: Odd and Even

SA8: Odd and Even

This Scripting Algebra (SA) activity uses even and odd polynomials to create generative art in p5.js. This activity assumes that the skills from SA1-SA7 were introduced (if-else, logical operators, random(), text(), rect(), variables, loop, pow, for, functions, translate etc.). This activity will in
2 min read
22
Aug
SA7: Directrix and Focus

SA7: Directrix and Focus

This Scripting Algebra (SA) activity uses parabolas again to make generative art in p5.js. In SA6, we used the f(x) = ax2+bx+c form for parabolas. In SA7, we are going to take a look at the directrix and focus by using the form: (x-h)2 = 4p(y-k). This is one of my favorite ways to look […]
2 min read
20
Aug
SA6: Parabola Art

SA6: Parabola Art

This Scripting Algebra (SA) activity uses parabolas to make generative art in p5.js. Learners will investigate existing code to analyze changes in parabolas, and other features of the output. This activity assumes that the skills from SA1-SA5 were introduced (if-else, logical operators, random(), te
1 min read

Want to become a better programmer? Join the Recurse Center!

Sophia

Mathematics educator and creative coder exploring the beauty of mathematical concepts through interactive visualizations and playful learning.

Mathematics

Education

Creative Coding