Coding Challenge #123: Chaos Game Part 1

References:

Videos:

Thinkercon Shoutouts:

Related Coding Challenges:

Timestamps:
0:00 Introduction
1:30 How does the chaos game work?
3:45 Let's Code!
4:00 Add random seed points
5:51 Play the Chaos Game
7:39 Lerp between points
9:07 Seed points at corners
10:07 Add different colors
10:29 Sierpinski triangle
10:55 What could we change?

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

#chaosgame #fractal #seedpoints #probability #p5js #javascript

[phrebh]

I've been recreating this in every language I've learned since the early 90s when I first played it with an actual marker and six-sided die. Including a Windows 95/98 screensaver written in VB3 (that's not a joke). Great video!

[Mavhawk]

THIS IS AMAZING!!! I CANNOT BELIEVE HOW PERFECT THIS IS.

[jenner]

Something amasing. I tried similar thing in 2d editor, make a some 3x3 rule box (black point - set rule, white point - not set), and rule was to place rule box into bigger cell (by step equal of width/height of rule box). in case of rule box is black and central point is white - we have a Menger sponge. In case of diagonal white dots - we have a slightly tilted Koch snowflake. So on.

[Israel]

By coincidence I watched the chaos game video on Numberphile a couple days ago and found it pretty interesting.

[bourneaparte]

10:25 Trifor- oh, yeah, right, Serpinski Triangle...

[shubhamkhare]

One day I'll be capable enough to code like you do, kind sir

[jahquantum]

OOH man! this program is so excitement, thank you for doing this, I remember program this sierpinsky triangle in c++ years ago. Now I will try do this caos in Python! :D Greetings from Mexico!!

[davutsauze]

I managed to do 3D Sierpinski triangle by accident while I was trying to make the code able of generating any chaos game depending on the number of dots, the code is in the description (put the slider's value at 4)

[fedot_compot]

Looool i'v already done this by myself in python last year😂
You are the beeest😘

[kubaissen]

That wos realy nice. Waiting for more!!

[codechapter]

"numberfIIIle video" nice vid

[NeoxX]

hahahaahahahaahaha that songggg !!! made me laugh !!! love your channel<3

[annsaiko]

What if you did the same thing but in 3d space

[thetastefultoastie]

function setup() {
for (let n = 70000, _ = (createCanvas(800, 800), stroke(220), background(20)), p, col, points = * 0.5, 0), 'color', { value: color(255, 0, 255) }), Object.defineProperty(createVector(0, height), 'color', { value: color(0, 255, 255) }), Object.defineProperty(createVector(width, height), 'color', { value: color(255, 255, 0) })], currentPoint = random(points).copy(), i = n; i--; currentPoint.lerp(p = random(points), 0.5), stroke(p.color)) point(currentPoint.x, currentPoint.y)
}

[codechapter]

OMG the like to dislike ratio is more than 220 to 1 well done

[brucewayne.]

Make a video just changing the parameters or adding lines or something, coding it's awesome.

[swinbtr]

I did this in python's turtle module when I was 14

[GeeVaaz]

Dan is now being careful to not pronounce the variables 'cx' =P

[MahmudulHasan-dunw]

Really enjoy your video, man...though I don't understand anything of your programming😁

[my_artysytd]

Hello! I really like computers and someday I want to learn Java too!