animation

19
Aug
SA5: Systems of Equations

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
2 min read
18
Aug
SA4: Perpendicular Play

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
2 min read
17
Aug
a gasket gets drawn then popped

Popping Apollonian Gasket

I doodled this GIF after two days of painting the canvas below. I think I am in the process of preparing for my fall classes and students. Art is definitely an outlet – especially when it’s math + art.
1 min read
14
Aug
rocks painted with math drawings

Week 52: Math Rocks!

For week 52 of 52 Weeks of Hands-On Math, I couldn’t resist a play on words: Math rocks! This week I encourage learners to share their math in the neighborhood. Create sidewalk chalk art with Fibonacci hopscotch, paint a math rock garden, make a math obstacle course by your home, or have a piece of
2 min read
13
Aug
a moire sketch with lines all going to one point

Moiré Play!

Moiré is an interference pattern that can occur in physics, photography, art, math, and more. As a photographer and mathematician, I have always enjoyed seeing these artifacts emerge. Today I played with some Moiré animation for fun in p5.js. See the Pen Moire_Play by Sophia (@fractalkitty) on CodeP
1 min read
13
Aug
a ball rolling on a sine curve then falling through

Not a Good Sine

13
Aug
a gif of a knot being colored with two colors

Knot Doodle

11
Aug
SA3: Exponents

SA3: Exponents

Exponential growth can be visualized so many different ways. This SA activity will play with the pow function and explore exponents in p5.js. This activity assumes that the skills from SA2 were introduced (if-else, logical operators, random(), text(), rect(), variables, loop, etc.). Make sure that t
2 min read
11
Aug
a tree growing and shrinking gif

Big Bounce as a Tree

11
Aug
SA2: Animated Lines

SA2: Animated Lines

There are infinite possibilities for linear function animations. This SA project will give some ideas to practice using linear equations with p5.js. Introduce if-else statements (conditions), logical operators, random(), text(), rect(), variables, and using p5.js for animation (loop). Below are a fe
2 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