Главная
Study mode:
on
1
Introduction
2
The Nature of Code book
3
Explain algorithm
4
Start coding
5
Write rotate function
6
Rotate all the segments
7
We have the dragon curve!
8
Add animation
9
Add the starting positions for a and b
10
Scale the lines
11
Add a nextGeneration function
12
The reduction ratio
13
Target zoom
14
Challenge complete!
15
What can you do?
16
Outro
Description:
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only! Grab it Dive into the fascinating world of fractals with this 31-minute coding challenge video. Learn how to create an animated Dragon Curve fractal using p5.js and JavaScript. Explore the algorithm behind this intriguing pattern, which mimics repeatedly folding a strip of paper. Follow along as the instructor guides you through the coding process, from writing the rotate function to implementing animation and scaling. Discover techniques for adding starting positions, creating a nextGeneration() function, and applying a reduction ratio. By the end of the tutorial, you'll have a fully functioning Dragon Curve animation and be inspired to experiment with your own variations. Perfect for those interested in generative art, mathematical patterns, and creative coding.

Coding Challenge: Dragon Curve Fractal Animation

Coding Train
Add to list
0:00 / 0:00