Painting a Landscape with Maths
Vložit
- čas přidán 1. 06. 2024
- Today we are painting a landscape using mathematics.
Support this channel: / inigoquilez
Buy this painting in a metal, canvas or photographic paper print: www.redbubble.com/shop/ap/398...
This is the link to the real-time rendering code (that you can edit yourself live) for the painting: www.shadertoy.com/view/4ttSWf
Music by Bent Stamnes ( / gloom303 .
Donate: www.paypal.com/paypalme/SMOOT...
Subscribe: / inigoquilez
Support: / inigoquilez
Twitter: / iquilezles
Facebook: / inigo.quilez
0:00 Intro
0:48 Basic Polynomial Surface (Noise)
4:12 Fractal Surface (FBM)
6:28 Key Lighting
9:15 Atmospheric Coloring
11:00 Composition and Cliffs
12:28 Light Direction
13:53 Sky
15:42 Fill Lighting
17:42 Grass
18:31 Tree Sculpting
23:53 A Story of Painting with Maths professionally
24:52 Tree Lighting and Coloring
29:48 Highlights
32:05 Color Touchups
34:48 Clouds
40:32 Conclusion
Related articles I wrote:
* Fractal Noise Summation, also known as FBM: iquilezles.org/articles/fbm
* Raymarching terrains: iquilezles.org/articles/terra...
* Rendering SDFs: iquilezles.org/articles/rayma...
* Derivatives of Noise: iquilezles.org/articles/moren...
* SDF of an Ellipsoid: iquilezles.org/articles/ellip...
* SDF Gradient: iquilezles.org/articles/norma...
* Soft Shadows: iquilezles.org/articles/rmsha...
![Eminem - Houdini [Official Music Video]](http://i.ytimg.com/vi/22tVWwmTie8/mqdefault.jpg)
Great quote at 13:47 "This is your little mathematical world, and you can do anything you want in it." It's like I'm watching Bob Ross, but with functions.
I was thinking about Bob Ross as well, when Iñigo said: “happy little clouds” 🥹
I‘m quite sure this phrases are a tribute to Bob. A „Hommage“ in German.
And "happy little trees"!
@@millercentretheatre For sure. Also noticed :)
"Happy accidents" is also something i at least associate with BR but im not entirely sure
Its a small thing, but i really appreciate how you alternate between the old and new views when you change something small, it really helps me see the change you have made, as just showing it once really makes it hard for me to tell the difference sometimes
Noted. I'll do more of that and better next time
@@InigoQuilez I appreciate the comparison too. however, it is a bit hard to keep track of the graph and the image change at the same time. especially for the vignette effect, mid-green tone pull up, etc. sometimes a left/right split slider animation may be used too
Yes, I totally agree, I'll try the slider idea next time.
@@InigoQuilez Hey Indigo, outstanding work! Wondering what program are you using? I would love to learn how to do this!
@@rangersmyth Man... His name is Iñigo with Ñ: en.wikipedia.org/wiki/%C3%91
Not Indigo! That is a color! 😂
Anyway, I guess you do not know Spanish, so the mistake is understandable.
But if you read the description, you will see the link to shadertoy website, where you can write shaders code, compile it and render images.
Of course, you will need to understand how shaders work and all the math underneath to be able to build that image.
this is fucking beautiful
Honestly, I'm not suprised to see you here.
Hopefully he doesn't try to recreate his game using only maths
oi
Language
Fancy seeing you here mate
This is a masterclass. And completely deterministic, this could run in real-time. Oh wait, it does!
If by real-time you mean 3 FPS, sure.
@@slickytail Shadertoy's preview window is 800x450 at which it runs around 140 FPS on my PC. The drop is quite significant at higher resolutions however, on my 1440p monitor at full-screen it runs below what I consider smooth, I'd say it's about 30-40 FPS, not sure how to get the exact number there. But it's still certainly way more than 3 FPS :)
@@AdriansNetlis On my laptop it runs at 3 fps in fullscreen (1080p). Let's not even talk about phones! Just pointing out that the majority of users are not using hardware that will run this in real time.
Well, Minecraft generate "square" words following some kind of mathematical formulas i guess
@@tornado100able Absolutely, mostly with noise functions seeded on the basis of the chunk to generate. If you are curious, you can check this out: czcams.com/video/Nj8gt_92c-M/video.html
My jaw was on the floor for half of this. I almost can't believe it's possible to render this much detail in real time. You have no idea how inspiring this is!
Talking about Inigo, my jaw is on the floor because I can't belive it's possible for someone to know how to apply THIS MUCH of math with such clarity. I guess it's the most impressive technical feat I've ever seen!!
I thought this was rendered offline
@@agfd5659 Did he say it wasn't?
It is realtime, yes. Just click the Shadertoy link in the description of the video, it will run on any browser and relatively up to date computer. It could be much faster, the ode is optimized for being mathematical, no fast. But still it should ran at 30 fps at least in a gaming PC.
@@InigoQuilez I'm excited to try this program; I have been looking for something just like this for a while. Until then, I'm going to need a lot more mathematical experience! 😅
Me: "Bounce light is going to be a nightmare with this terrain." Inigo the Wizard: "Super easy, barely an inconvenience."
How does he do the bounce lighting? Is he using raytracing or what?
@@daonlyowner6631 No. He's just taking reverse direction from sunlight with average terrain color and an ad hoc multiplier. On average, that's going to be in the ballpark. Though, the multiplier needs to be hand-picked for sun elevation and terrain shape, but since this is done for a set piece, that works!
@@konstantinkh Ah so no actual bounce lighting but just an approximation.
Bouncing light is TIGHT!
didn't expect Pitch Meeting reference here
This shows the beauty of mathematics that I never knew existed. The concepts and executions are peak maths understanding on high level
40:21 The clouds shifting and the shadows following was absolutely delightful to watch, and made it seem like a time lapse. Great video! :)
The quality in this videos is amazing, I love how he uses 3d animations to explain all the equations. it makes it so easy to understand what each thing is doing.
I remember bumping into Inigo literal decades ago when first getting into computer graphics. Literally 90% of everything I know in that area comes from his website. He's like the Knuth of CG, reading through his articles feels like perusing a sacred text, equal parts art and math, all of it genius. Very happy to see him here after all those years. Makes me itch to play in ShaderToy.
Same with me. I saw his demo "Elevated" back then in 200 9live at the Breakpoint demo party and I was blown away. Little did I know that the creator of this masterpiece would also become a master of teaching others and sharing his knowledge.
As someone aspiring to work at Pixar once I graduate, and as someone who loves math, this video was an absolute gem. It was delightfully composed and the end result was breathtaking. Thank you for making this for all of us to see. I have no doubt it was a lot of work.
Man.. this is impressive it's like he's explaining how people back then are doing it, but with the current beauty of today's engines.
This is fantastic, not only paint but created the world with mathematics alone and no real source feed into it.
The maths involved is advanced but not too harsh, which is an eye-opener for people to learn math and programming.
You are awesome.
True, I was surprised to know all of these functions that I've seen in high school, that was surprise but a welcome one.
appreciate the Bob Ross references!
Sometimes CZcams's algorithm hits you out of nowhere with an absolute gem of a video. This was amazing! Thank you for your teaching and for making the code available. I will study it and use it as a basis for my own mathematical paintings! In fact, I always loved constructing the functions that I needed out of small, fundamental pieces. If you ever want to do the same thing with sound, Csound is a very old tool to do just that. (But there are probably better tools nowadays?)
I barely know anything about 3d graphics but still watched it till the end....What I liked is the underlying maths, which i understood to the some degree. can't thank you enough for sharing your knowledge...
The art here is actually this video. Fascinating subject and wonderfully presented. Thank you for this!
If my mathematics teacher had told me 30 years ago what incredible things you can create with mathematics, I would have slept less in class. 🥺
Exactly
I am 3D artist and animator, and I am learning mathematics for 3D realism plus physical simulations?
This is not simple math like what you learned in school
@@marcianoforst6311 I'm a high school math teacher and I promise you that although most of the video went over my head, it was because of the speed and my wonderment and not the complexity of the maths. Everything done in this video is within the grasp of a good high school math student had they the interest and time.
@@poutouellet
Calc 3 in high school?
This is by far one of my favorite math videos. I did not understand all of the math but this was still so interesting. I never knew math could be used for this
This is insane! Having masters at maths I'm still in awe and can't imagine how to apply it so beautifully
Now I understand why are we made to study these topics in class 11 and 12 in India and what's its application in real life. Also got to know today that this world is literally mathematically built.Thanx to you.This indeed is beautiful to know the details of our universe.
As a computer science professor, these videos always blow me away. I wish I could create lectures of this quality!
Just play this video
This is one of the most incredible things I've ever seen.
This is the best video I have ever seen on CZcams
You are definitely the Bob Ross of mathematical art!!
It's just a joy to watch this. It like watching the grown ups do something you're amazed by but when you're an adult.
This has to be one of the most beautiful videos I have ever seen on the internet. You sir have made a MASTERPIECE of a video. I cannot describe how engaged I was through the whole thing. My jaw was always on the floor
It felt great to need out for over half an hour and see mathematics I use everyday be applied in creative ways. It also showcases just how powerful linear algebra and calculus are when used together.
I once wrote a high-school paper about approximating the surface areas of hills using piecewise functions (the functions were only linear however, I could not deal with more than that back then), it's really awesome to see someone take the concept to such a degree, incredible video!
You can really tell the amount of work that goes into making one of these videos. Great work!
First I was surprised that 40 minutes had passed. Then I was surprised that I had watched the whole video again. Thank you so much for this. Late to the party, but this video needs all the attention it can get.
Just beautiful.
Stunning. I have never seen mathematics applied in such a beautiful and captivating way. You are the multivariable calculus da Vinci. Everything in this video was presented in a precise and masterful way. I would LOVE if my students could make something like this for a final class project. Thank you for sharing your work and for all the surely grueling hours it took to produce this excellent video.
You’re back! Look how far even the master of shaders has come by working with Pixar. In this video I feel you’ve not just done great mathematics teaching, but deeply connected with artistic expression. I was waiting for this one! Congratulations on finishing.
Brilliant!!!!
Thanks!
Even tough i can barely understand some of the steps you do i find this incredible!
This was absolutely incredible!
This is just incredible, thank you so much for putting this out there
Wow! Simply amazing
Combining physics, math, and computer graphics to create a staggeringly beautiful painting. Amazing video man.
Absolutely beautiful , and was engaging for the entirety of the 40 minutes. Thank you for sharing this and making videos of this calibre free to watch.
Absolutely brilliant!!!
Incredible, just amazing
I am not into math or anything I didn't even search this but it got recommended and the title was too catchy. would be fun if they taught us such stuff at school. this looks so fun! it's beautiful
I love the Bod Ross approach applied to the concepts of computer graphics
Beautiful!
So much love to detail!
Thank you Inigo for this video, and for all of the detailed articles & demos on your website for many years.
This presentation is absolutely wonderful, I've been having some trouble getting the general math concepts behind some of the code I see out there, and this helps a ton.
also holy crap that 3/4/5 matrix trick is beautiful
Love it!
Incredible, thank you
Thank you for making this, Íñigo!
It was (un)expectedly relaxing! 😊
The quality of this video is top-notch at every aspect. Thank you!
This is just amazing
simply awesome art
Honestly, this almost made me cry. The fact that this is all just math is so extremely beautiful!! I'm a computer science student and secretly in love with math. I think you just showed me a door I was looking for! Thank you so much!!
could you tell which branch of mathematics he is talking about in video.I didn't understood much!!!
@@imnemo2327 mainly algebra and calculus
Another free lesson from the master himself! Great as always!
Awesome video! Thank you!
Fascinating!
Me encanta!!! Mil gracias :)
Keep making these videos man, you have found an audience.
Amaaazing !
That's so cool! Inspiring!
Wow, this is an amazing video. It's a very fun video to watch, and even though I probably won't try making this myself because I know nothing about programming, I still learned a lot. First 30+ minute video in a long time that I've been able to keep my attention to the whole way through, and that's saying something. Really well made
This video is sooo beautiful, I watched it in it's entirety twice!
Outstanding work! thank you so much IQ
This is great, thank you
Wow I can't describe how amazing this is
This a whole other level man, max respects
I'm an computer engineer myself, but this is pure math, and an art the way its presented
Very enlightening. Thank you!
Breathtaking.
I'm totally in love with your art and explanations. It is trully inspiring to see how far we can go in generating art simply by tweaking numbers and formulas, even if we don't get the science behind it.
Big thanks for your work IQ
this is the coolest thing I've ever seen, the fractal surface sum gadget is sick!!!
Holy wow! I new math was powerful, and in the back of my mind I know this is how my drawing programs work under the hood... but to see this scene built with ONLY math equations sort of kind of blew my mind... This was really cool.
Absolutely crazy video
This is a great educational legacy you are building here, to inspire the next generation of graphics programmers. Bravo!
I love this concept
yes!! these are some of my most favourite videos on youtube.
absolutely incredible work congrats
This is fantastic, thanks for sharing your passion
This is one of the first videos I've ever seen like this. I'm a computer science student so I've seen people use really complex algorithms to achieve realism, but I love the simplicity of this. Hope to see more videos like this because I find them super interesting.
"So do you use oil paint? Pencils? What do you use?"
"NUMBERS."
This is INCREDIBLE!!!
Thank you! Amazing. Congrats
It's was like watching a happy mathematical movie. Thank you!
I always wondered about this piece, but when I looked at the code, I was just baffled by everything going on there. I'm studying Electrical Engineering, but when I'm bored laying out circuit boards this type of art is a fantastic way to do something different and at the same time learn something new :)
I am actually an electrical engineer too (I did my Masters, I mean). This Paintimg with Maths stuff was my way to have a break from semiconductors, Maxwell and Shannon :)
@@InigoQuilez I also want to thank you very much too, because I as well am approaching the end of my Master's Thesis in Electrical Engineering & Information Technology, and your incredible work with shaders inspired me for my thesis topic. It takes place in the medical domain, and is about simulation of a specific microscope. I create artificial images from blood cells modelled with SDFs, by doing sphere marching with some tweaks for lenses, depth of field etc.. This yields training data for machine learning, which in turn can then hopefully reason better about patient's blood conditions than it does currently.
Also your video is absolutely incredible! I cannot imagine how much work that must have been
I am also a student of electrical engineering 👍
This is just amazing...
Absolutely incredible, so inspiring, thank you very much!!
Amazing. Years and years of research and experience in the dark arts... Finally out there, in such a digestible format. You are a legend Inigo. The field owes so so much to you. How generous.
The master of shaders teaches us about painting a new world pixel by pixel :D Incredible work!
Amazing video! Thanks for making it.
outstanding video and result!
Your animations, for instance of the normals at 26:13 are absolutely amazing
This was honestly the most useful and insightful video I've watched in a very very long time! I love applying the math I've learned from my undergrad to something creative, so thank you!!
Also, someone else in the comments mentioned "It's like I'm watching Bob Ross, but with functions" - I have to second this statement. Well, done, sir.
Mind blowing 🤯
Wow, what an awesome proof!
Inigo your work is absolute stunning (I've seen among many, your "Elevated" 4kb winner of democomp)
From an Italian fan, you are The Leonardo Da Vinci of mathematical painting and procedural gfx!
Wow this was beautiful to watch! You should make a Ted talk
Truly astonishing.
Amazing!!!