Coding Art Fundamentals · Week 5 prep

How a circle becomes a wave

As the point goes around the circle, its Y position (up/down) traces out sine, and its X position (side to side) traces out cosine. Press play, drag the point, or jump straight to a key angle.

θ0°

sinθ0.00

cosθ0.00

Drag the dot around the circle to move θ by hand.

sinθ — the point's Y position (height), unrolled

cosθ — the point's X position (sideways), unrolled