animation

A collection of 48 posts

GIF

Hex-a-Sierpinski

So I doodled and was pleasantly surprised when Sierpinski-like triangles formed. I am sure that a million people have discovered this before me, but I felt like I found a magic portal. And that lead to coding (of which is currently a mess, and I will post later). And one more version:

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

GIF

Coffee = Donut

I know it is an obvious one, but it’s what I doodled tonight…

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

GIF

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.

52 Weeks of Math Activities

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

coding

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

GIF

Not a Good Sine

GIF

Knot Doodle

Scripting Algebra

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

GIF

Big Bounce as a Tree

Scripting Algebra

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

GIF

Popping Fibonacci

52 Weeks of Math Activities

Week 51: Block Prints

I love thinking of mirror images when I am block printing. I will never forget the time I printed SPARK backwards on accident for a summer art camp, and my kids laughed at the reverse phonics. This week, I encourage learners to take a math concept, tessellation, or shape, and

GIF

Triangle GIF

52 Weeks of Math Activities

Week 50: Flip Books

This week I encourage learners to play with their animation skills. Take a math concept, problem, or design and play with ideas to animate it. Start simple to warm up and then build on the ideas. Flip books are fun. I recommend using thinner paper that can be seen through

coding

Rotating Hexagons

This is a p5.js script I started played with as I get ready to post about stop animation in my 52 weeks of hands-on-math. Here is a link to edit code. You may want to play with the angles, number of sides in the polygon, rotation rate, etc. If the javascript isn’t loading, then here […]

GIF

Toothpick Worms GIF

Go here to play with a generator: http://oeis.org/A139250/a139250.anim.html [http://oeis.org/A139250/a139250.anim.html]

Miscellaneous - interviews, ideas, and more

Sticky Note Sunflower

What you are seeing is a growth pattern of sticky notes that uses the Golden Angle (137.5 degrees) and then slowly decreases. This angle is commonly found in the plants all around us because it is an optimal angle for growth. It was a lot of fun playing with the growth angle while creating memorizin

GIF

Isometric Yarn GIF

I am working on my GIF skills… Maybe a 52-weeks of hands-on math idea for next week.