codepen

19
Nov
hyperbolic curves drawn in 4 quadrants very close together - almost like quilling  - black and white

Mathober 2022 Code Doodles

This post is late, but here is the code doodles from mathober2022: Click to change the code below. Or go here for the full page version. See the Pen Mathober2022 by Sophia (@fractalkitty) on CodePen.
1 min read
09
Jan
a very long image of cats swinging or holding on to wires making catenary curves

Catenary Kitties

I am really enjoying Genuary 2022. For the architecture prompt, I created these catenary kitties. The kitties are drawn in Adobe Fresco and the code is in p5.js. If you go to the code page, clicking the work will randomize the kitties and typing “p” will bring motion to the clouds. Below is one of [
1 min read
22
Jul
Coded Optical Illusions

Coded Optical Illusions

I had a great time this summer doing art and professional development with Twitter peers. On one of the days, Ellen Thomson hosted activities with Optical Illusions. This got me thinking of all the ways this could be done with coding + math groups. There are two approaches I take in coding groups. T
2 min read
14
Jan
Parabolic Beams

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
1 min read
06
Jan
Code for Two-Button Calculator

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
1 min read
29
Dec
Blue Flames

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.
1 min read
20
Dec
Transformed Magic Squares

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
1 min read
16
Dec
Parametric Waves Morphed into Unstable Charcoal

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
1 min read
10
Dec
Laced Reflections

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 […]
1 min read
24
Nov
Code of the Rings

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