Coding Challenge #12: The Lorenz Attractor in Processing
Вставка
- Опубліковано 22 тра 2024
- In this coding challenge, I show you how to visualization the Lorenz Attractor in Processing. Code: thecodingtrain.com/challenges...
🕹️ p5.js Web Editor Sketch: editor.p5js.org/codingtrain/s...
🎥 Previous video: • Coding Challenge 11: 3...
🎥 Next video: • Coding Challenge #13: ...
🎥 All videos: • Coding Challenges
References:
📑 Lorenz System on Wikipedia: en.wikipedia.org/wiki/Lorenz_...
📖 Lorenz Attractor: paulbourke.net/fractals/lorenz/
📚 PeasyCam library: mrfeinberg.com/peasycam
💻 beginShape(): processing.org/reference/begi...
🧾 What is a differential equation?: www.myphysicslab.com/explain/...
📕 My NOC class on Kadenze: www.kadenze.com/courses/the-n...
Videos:
🔴 Livestream Archive: • Live Stream #38: Viewe...
Related Coding Challenges:
🚂 #13 Reaction Diffusion Algorithm: • Coding Challenge #13: ...
🚂 #160 Spring Forces: • Coding Challenge #160:...
Timestamps:
0:00 Introducing today's topic
0:55 Differential Equations
2:30 Lorenz systems
3:36 Non-linear, chaotic systems
4:30 Start Coding!
6:07 Every cycle through draw is 1 unit of time
6:30 Add formulas to code
8:19 Change of time per frame
10:10 Modify the inputs
12:48 Plot the system
14:08 Scale the scene
14:42 Add an array list to store the data
16:00 Write an enhanced loop
17:00 Add beginShape() and endShape() to connect the points
17:52 Change to HSB mode and add color
19:07 Add an offset
20:06 Conclusion and design possiblities
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound
🚂 Website: thecodingtrain.com/
👾 Share Your Creation! thecodingtrain.com/guides/pas...
🚩 Suggest Topics: github.com/CodingTrain/Sugges...
💡 GitHub: github.com/CodingTrain
💬 Discord: / discord
💖 Membership: ua-cam.com/users/thecodingtrainjoin
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: / thecodingtrain
📸 Instagram: / the.coding.train
🎥 Coding Challenges: • Coding Challenges
🎥 Intro to Programming: • Start learning here!
🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org/
🔗 Processing: processing.org
📄 Code of Conduct: github.com/CodingTrain/Code-o...
This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecod...
#math #lorenzattractor #processing #java
If math teachers taught like you and did coding, the words "when would i ever use this in the real world" would be a bit meaningless. I love your videos.
EXACTLY.
Ikr
I've been coding for more than 15 years, I got burned out, with these tutorials, I'm falling in love again with coding again, just like the old days. Thank you so much!
I would love to see a processing sketch that graphs Dan's heartbeat when he's doing these challenges
You make learning programming so entertaining Dan, you ROCK!!!
This looks absolutely amazing using Unity's Line Renderer.
I've had many teachers, none of them come close to you. You're an absolute gem.
Nice work! You can submit a link to the coding train website if you like! github.com/CodingTrain/website/wiki/Community-Contributions-Guide There's also this video tutorial: ua-cam.com/video/fkIr0inoQ7Y/v-deo.html.
I've recently found out about your channel. It is amazing. Your videos are the only +10 min videos I can sit through and watch completely. You're both entertaining and informative. The whole range of things you're doing in these videos have convinced me to pick up computer science as my dual major!!
I learn so much with you! God damn.
At first I thought this was kind of a kid channel. Because his theme is unicorns and rainbows. But I was wrong. It does have a more friendly theme, which only adds to the channel, but the content is very solid. I like it very much!
add "rotateY((hue/255)/360);" at line 44 or 45 right after "hue +=1;" and the curve will auto-rotate.
nice tip!
I love the way of him teaching so passionately. Full of energy!
That's pretty awesome. It is a testament to the success of the Processing environment, but also a triumph in terms of a tutorial for the Lorenz attractor and being able to explain what it is and get an interesting visualization of it on the screen without a lot of pain. Great job, Daniel!
It's such a good environment that it's quite a shame the name's not so search engine optimized(for troubleshooting, at least)
Thank you so much for this. Love your enthusiasm, energy, and of course the clarity with which you explained all of this.
I am having to study attractors in general and this one in particular for a dynamical systems class I am taking, and so far I was just seeing boring static pictures and graphs along with the theory. Creating and watching a live animation literally just made the subject come alive for me, haha... again thanks, this was great.
Thank you!
Your videos are great! Have you thought about doing a video on potential path planning? It's quite simple and lots of fun to play with.
This channel is the most underrated thing. Thank you so much for these videos!
"Send me your coding challenges!" I would like to learn more about reaction-diffusion or navier-stokes in a Processing context. Since you're asking. :D Great series. As usual.
+digitalArtform Added to my list!
Crazy cool! I learned so much that I never got to in math in high school: Lorenz attractors, differential equations, etc. Some people don't like Dan's approach and his quirkiness, but it all works great for me!
These are so great. I'm glad i found them. they have taught me so much and deserve a lot more views.
Youre really cool, keep up the awesome work!
You are flipping dope! Like the Bob Ross of codified art.
This is amazing. I'm starting to get attracted to differential integration. Thank you.
Thanks Daniel, I finally got the differential essence! Haha, I didn't expect that to happen in a coding challenge. Good job!
Never thought someone could make differential equations entertaining. You have done it.
you are just awesome. you encourage me take on new challenges and finish them as fast as possible.
I made this exercise with 16 at 1994, it was an huge success in class. Used clipper and same graphical new clipper library that I got don’t know were, I think it had some mouse capability too. But then Delphi appears... This blog really captures the joy of programming that many times comes from this small projects. Continue the good work. The number of videos is impressive and already a very good library and an amazing starting point. Potencial value is huge.
Beautiful tutorial! I'm a High School Student with a keen interest in coding and computer science and this tutorial has been tremendously useful in teaching me how to generate the Lorenz Attractor by myself for a project :) Thank you!!
Hello!! Just wanted you to know that you are really helping people with this channel. I am a physics student and I've been trying to learn programming for a while but didn't reallly feel something to ...... get me hyped for it, you know? That is, until i found your nature of code book on the web and it's awesome. Even more so, you got those vids with really interesting stuff and awesome explanations - really good way of teaching and talking to people to make them understand!
So, what I wanted to say, thanks so much for everything you are doing!!!!
Thank you I am so glad to hear!
I'm reading James Gleick's Chaos right now, and I became a bit spellbound by the Strange Attractor, and I've recently started learning about Processing and playing with it, so I googled "Lorenz Strange Attractor Processing" and the miracle of this video came up. Thank you so much for making it. A true dream come true.
Man you are very very good, thanks to this presentation I managed to finally get some great info on Lorenz's atractor and finish my school work. Thank you!!
This is so neat. Thanks a ton for making these vids!
Amazing work ! Please dont stop doing this! you are an inspiration!!
You are the most inspiring person 🙌🏽 when it comes to coding. Thank you for your great videos.
This gives me a crazy new perception of the universe. Maybe were just in a 3D simulation, and the Big Bang was just God finishing his processing sketch and clicking run. 🤯
I was learning java and android development but after seeing your challenges i decided to tackle with web development a little but and i found in very interesting .. You're an inspiration and you make learning so much fun
Best videos ever! Love watching these.
Thanks to you and Unreal Engine I finally understood how to use "ifs" hahaha I'm learning by my own, please don't be rude
I really like, this kind of live coding. I can see you each time add a piecec of code and how the new added code make a new effect to the whole program and show it as a graphic .
+Tube You Thanks for the feedback!
That is great. Learning how to implement mathematics in code, and learning more advanced programming techniques in one video. Thanks Daniel, it's fantastic as always :).
Thanks so much, I'm so glad to hear!
You make programming so entertaining, I hope my professors too😢. Keep making videos Mr. Dan and spread that attitude of yours.
I know it is emotional but you are super exciting! Thank you for making learning to code so fun!
Loving these videos!
I had to take a differential equations math course in college. A whole semester, and I was never really told what a differential equation was or when it was used. In 1.5 minutes you told me what my professor couldn't in 5 months. Truly amazing sir
One of the best/most lovely Teacher/elder brother on the internet!
I know absolutely nothing about coding. To be honest, I don't know the first rule of it. It has always been my dream, coding games for entertainment and programs to simplify things. I have I.T. as a subject next year, hoping it could give me some insight on coding, even if it's a minimum. I have a book full of ideas for games I want create, sadly, I can't just jump into it without any knowledge. I watch your videos, because I like the feeling of knowing that I will be able to do this one day if I work hard enough, and I love how code looks and feels. It amazes me. Thank you Daniel.
you can try scratch ( scratch.mit.edu/ ) it's a program to make games easily and visually. It can help you get the idea of how programming works (basically you have blocks that interact together).
example of how java works:
int myvar;
myvar=0;
means myvar is an integer=0
String mystr;
mystr="hello";
means myvar is a String=""
functions work the same, but have parmeters
int myfct(String myvar){
//some code
return 0;
}
basically when making something you have [type] [name] [() or nothing] [{ } or ;]
if you get these patterns (which are literal blocks in scratch, not words, programming is easy.
manaquri Thank you so much for your help. I think I know what I'll be doing for the rest of today... Thanks!! :D
I think you should look into the unity game engine (unity3d.com). It has some amazing tutorials on its site, as well as amazing youtube channels like Brackeys and quill18creates (as well as the related channels on their respective youtube pages) which should let you learn reasonably quickly. It uses C#, which could be a jump from scratches block-based programming, but it becomes easier and much more flexible than blocks quickly.
Ritoban Roy Chowdhury
thought I had put down some rambling about what to use as a "real" programming language, and I included unity, but it seems either ! didn't send it, or it was deleted, or it was somewhere else.
though I approve unity (and c sharp)
basically most current languages feel like csharp "but without" and/or "but with", so once you get that most mainstream languages will seem easy.
Exactly. If you can understand a language like C# or Java, it should be easy to switch to another language.
Best tutorial and coding UA-camr.
Great illustration!
Very awesome video! You are very talented! Keep up the good work!
This is so useful!! I taught myself javascript and java mainly with these videos
That is simply amazing!
Smooth edit :) As always it's a pleasure to watch your videos. I both learn code technics and some interesting physic bits. Enjoy Shanghai and come back stronger than ever haha
+Furrane Thanks so much!
I just witnessed the new "old spice" advert before this and I can't stop laughing
I'm so glad I found your videos!
Thanks for doing what you're doing in the way you're doing it :)
You are like the coding Mister Rogers. Great videos.
On my next day off I'll have to mess around with this :D Seems awesome
These are really cool videos! Thanks for sharing. Could you do videos illustrating more complex physics phenomena? Maybe a double pendulum video or one with Lagrangian motion?
I've got this on my list! github.com/CodingRainbow/Rainbow-Topics/issues/15
Dude this is such a cool technique.
Thank you. Wonderful lesson!
This is so informative! Thank you!
Okay it might have taken me around 30 minutes but i made a functioning Lorenz Attractor! It works beautifully.
Great videoseries. I guess the best way to learn programming is to first watch thenewboston's videos, and when you completely understand what you're doing you can proceed to these. Awesome life.
Nonlinear is not related to "small change in initial conditions leads to big changes in whole solution", it is related with stability. But, in the overall it's a great video, when i have time i will learn this. I simply loved it, if i could make a sugestion, theres anyway to access an "app" written in "processing" via QR code in cellphone? If it is a way, it will be very great advantage in physics and math classes.
You the real MVP fam 😂
You are the best !!!! really thanks!
+Jose Lopez Thanks so much!
I have to say: Awesome Dan!
Wow, I just created a vm for macOS to make my project with xCode after hours of installations and settings. Now it's 4:45 am and I suddenly watch programming challenge on youtube... Pressed the subscribe button
great video...! thanks Dan for such amazing videos .. I get so much to learn..
+Akshat Wahi Thanks for the nice feedback!
i haven't gone through every comment to see if this has been suggested, but my immedate reaction as to how i would color it would be based on the distance the vertexes are from each other. I guess that gets a little meta too, 'cuz then you are looking at the rate it is changing at, or in other words, it dirivative, and you are already doing things with dirivitives. anyways, this was a great vid.
You are so much better than the University of Sydney, I appreciate all the help you've given me!!
+Lumena Projections Thanks for the kind feedback!
Great course! By the way, what font are you using?
This is awesome!
This video inspired me to implement a Lorenz attractor in my arduiono and a RGB Led. Where
x = red
Y = green
Z = blue
It was very underwhelming.
Do it for a full screenspace image shader! You could even have another image be the input for the variables used to calculate the derivatives
Very nice videos, really stretching out how creative a person can be!!!
I'm a begginer coder only know HTML5, CSS and now finishing Javascript... uh , one question (will sound dull i know) is the language used here Python?
Great video! Btw what is your theme/font/fontsize for the ide
"Nothing is broken yet" - Every programmers' remorse
Awesome 😊😃
this video is so fucking amazing, great work!
Thanks this was great!
Double is just like a float, but only more decimals... Great to know that the float is sufficient for such things. By the way: you're not '[merely] some person, here on the internet, programming colors and things on the screen,' you are a gifted instructor of mathematics and coding and have revived my interest in this subject. It takes away the daunting air associated with programming differentials and displaying such concepts on the screen through the expansive processing library... Even in 3d! Wow, I didn't know how powerful the existing java libraries were within processing. The possibilities are endless... Any chance of you showing us how to program a binomial expansion or Lorentz Transformation using these tools? Thank you!!
Finished finals, now I can play with processing :)
I’m considering trying this as a glsl shader that takes an image/video input, and then each pixel’s RGB value gets mapped as the inputs for that pixel’s Lorenz attractor as like this crazy stochastic glitch art camera filter
Great video! (as always)
Quick question @The Coding Train : how would you go about attaching another value to each vector (ie color)?
I suppose you'd need to change the array list type, but after that I'm lost.
Nice done!
But my friend programmed a lorenz attractor too. So I'm familiar
i love it!!!
very useful and easy understanding, thanks
Really enjoying this series -
One crit - butterflies flapping their wings anywhere don't cause eruptions - storms or droughts - yes - eruptions - nahhhh
yep - it was late /early
Ever heard about other punctuation marks besides the dash :D?
dashes - they are cool -
Amazing!
I love you Daniel so much u saved my PhD with ur courses, 100 of Daniel in this world then we r all okay lol
Terrific!
+Jorge Munoz Thank you!
In your introduction, ≈ 2 min - Great idea to illustrate a real-world use of (ordinary) differential equations (ODE's).
Except it's the *acceleration* (2nd derivative, d²y/dt²) of the mass, not its *velocity* (1st derivative, dy/dt) that is proportional to the displacement of the mass.
But the main idea you wanted to get across, still gets across, IMO.
And incidentally, the ODE that governs that mass-on-a-spring system, is one of the most important (and ubiquitous!) in all of physics - it's the Simple Harmonic Oscillator (SHO) equation, and its solutions are sine waves.
It's the mathematical reason for there being so many sine waves in our lives...
PS. My dad was a meteorologist who develeoped much of the early NWP (numerical weather prediction) computer models; and he once mentioned Ed Lorenz and his findings regarding chaos. Ultimately, this is why, no matter how powerful computers become, no matter how precise and how dense the observations going into the model are, there is some time range beyond which weather forecasting will always be impossible.
And that's just one area of physics that's affected by chaotic behavior; there are scads of others. So this is a very important topic.
Plus, you can make all these pretty pictures ;-)
Fred
thank you mr.Daniel Shiffman,but how can implement Four dimensions chaotic system did we use same steps?
I know some of the concepts/functions in your channel. But, where do you get ideas of visualizations to program ?
i love you. thanks for everything.
8:30 Actually, you wouldn't have to have the lines too fine if you were to draw a Beizer Curve between all the points. While, this would obviously be more difficult, it could save processing time.
Yey! At long last, a RAINBOW! :)
you're the best :D
god this is so cool!
How do you code magnetism and attract an object(example a cube) to a player object(example a cube)?
great video. how do you rotate/scale your sketch with you mouse tho? (im very new to processing, as a matter of fact i solely started looking into it because of this video)
You definitely make me want to get back into programming. What’s the program you are using?
This is using processing.org. For more:
ua-cam.com/users/shiffmanplaylists?view=50&shelf_id=2&sort=dd
“These systems can go off to infinity” or words to that effect. No. The Lorenz attractor is called an attractor because it attracts, and it turns out all initial conditions produce solutions tending to it. However, if you implement an approximate solution using Euler’s method, you need to worry about the linear stability of the method. Nothing to do with the non-linearity of the problem.
Ah, very important feedback, thank you for the correction / clarification!
hi, you are the great teacher some one could ever have and i really like the way you inspire us to write code. There is a beautiful app named "Orbit" is present both at the apple appstore and google playstore which uses this kind of coding. Can you please help us to recreate the simply in processing, and if not possible can you please give us the idea, at least how to do it. It will be a great help. Thank you.
I don't know why I'm watching all your videos, I don't understand a word of what you're talking about and I'm only a med student, but these videos are so interesting.