YoVDO

Coding Challenge: Dragon Curve Fractal Animation

Offered By: Coding Train via YouTube

Tags

p5.js Courses Javascript Courses Animation Courses Computer Graphics Courses Generative Art Courses Fractals Courses Recursion Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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.

Syllabus

Introduction
The Nature of Code book
Explain algorithm
Start coding
Write rotate function
Rotate all the segments
We have the dragon curve!
Add animation
Add the starting positions for a and b
Scale the lines
Add a nextGeneration function
The reduction ratio
Target zoom
Challenge complete!
What can you do?
Outro


Taught by

The Coding Train

Related Courses

Introduction to Programming for the Visual Arts with p5.js
University of California, Los Angeles via Kadenze
The Nature of Code
Processing Foundation via Kadenze
Introduction to Computer Programming
University of London International Programmes via Coursera
Türkçe JavaScript Bootcamp
Udemy
The Nature of Code
Coding Train via YouTube