code

A collection of 31 posts

Makings

Serendipitous Oulipo Haiku

I copied, pasted, cut, poked, threaded, beaded, coded, and finished Serendipitous Oulipo Haiku. Four hundred and eighteen haiku when rearranged by first, second, and third lines yield 418 x 418 x 418 poems. That is 73,034,632 haiku that often work, sometimes seem profound, and other times are broken

coding

Charged

I created the following composition while playing with code as part of Genuary. I wanted to get the feeling of a discharge of energy. Everytime the code is run, a unique new piece is generated. Below are some of the infinite varieties.

Math Birds

Western Sand Parallelepiper

Another Math bird in the series! This one was inspired by my 17yr old discussing her math homework of deriving the volume for a parallelepiped. So of course It spawned the thought of parallelepiped sand castles.

art

Get Ready for Mathober!

This year’s Mathober pieces will be posted here. Last year I posted prompts for the first year of Mathober when I wanted to do some daily doodles with no strings attached. The activity was a lot of fun. There were some some great pieces from John Golden and Foldster on Twitter. Prompts this year hav

Math Birds

Spiraling Vaux’s Swifts

Just like solar eclipses, Vaux’s swifts really are a life experience. Watching them funnel into a chimney in a vortex of flitting feathers is just amazing. I had the wonderful experience of watching them funnel into the chimney at dusk in Salem, Oregon (my home). So here is the next math bird in the

Math Birds

Packing Violet Green Swallows

I enjoyed watching the swallows this summer. I couldn’t help but imagine that they were packing circles in their little birdhouse portal. Life is full of such precious moments.

Math Finds

Pileated Woodpecker

Another math bird in the series. I am pretty convinced that pileated woodpeckers communicate in their own form of morse code. I wonder what their frequency is when they are excavating?

coding

Locomotive Rose Art

The equations used to produce these plots are in the family of rose curves. This particular form is composed of two curves added together. It almost feels like there is some locomotion happening in the visualization, and it is fun to think about the gears and shafts might that make this pattern. r =

coding

Parabolic Beams

I love thinking of parabolas as being formed with a directrix and focus. Coming from a background in trajectory analysis, I find the abstract relationships of the curve to the point and line beautiful. When a light shines through the focus of a parabolic mirror, the light reflected is orthogonal to

coding

Code for Two-Button Calculator

A two-button calculator can only perform two operations (like multiply by two and add five). The Global Math Project is a wonderful resource for math learning and play and has a great resource for two-button problems in this Global Math Project PDF. Another variation of this sort of problem is done

coding

Blue Flames

This code was generated by playing around with one of the p5.js examples. It translates and rotates using parametric equations each frame. Codepen is below (it may not run well on some machines). See the Pen blueFlame by Sophia (@fractalkitty) on CodePen.

coding

Transformed Magic Squares

I got a request from a twitter friend (Sara Resvi) to create a visual for transforming magic squares. A learner can see how one solution is many (or vice versa). Here is what I put together in an afternoon. Click the numbers to change them. Try to find solutions where the rows, columns and diagonals

coding

Parametric Waves Morphed into Unstable Charcoal

Have you ever wished that you had charcoal that is made of particles that randomly leave and come back? Wish the reference frame would rotate so down is up, but not always? Well now you have what you have always wanted – Unstable Charcoal! I created this after playing with a parametric wave visualiz

coding

Laced Reflections

My mind was on snowflakes tonight, which brought me down a rabbit hole of reflections, lace, and play. The code here is simple but fun. Enjoy making snowflakes, lace, stars, or whatever comes to mind. If you wish to fork the code or play it is here. My CodePen is below. Press the spacebar (or […]

coding

Code of the Rings

While tinkering with my tree ring code, I created a simpler yet mesmerizing adaptation. Essentially I added a loop, some random multipliers, and changed to radian mode. Sine and cosine are so incredibly beautiful and full of infinite play and wonder. Please play with the code below by clicking to ch

coding

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 […]

coding

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.

Scripting Algebra

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

coding

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.

coding

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.

Scripting Algebra

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

Scripting Algebra

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 […]

Scripting Algebra

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

Scripting Algebra

SA5: Systems of Equations

This Scripting Algebra (SA) activity will play with systems of linear equations in p5.js. In this activity, a system of two random lines will be generated and the intersection (or solution) of those lines will be calculated to make generative art. It is recommended to introduce creating functions if

Scripting Algebra

SA4: Perpendicular Play

This Scripting Algebra (SA) activity will introduce students to perpendicular slopes and points for lines in p5.js. Once students get comfortable with linear functions, it is fun to look at their perpendicular counterparts. Introduce the concept that a perpendicular line has a slope that is a negati