That's very nice, thank you !
Next: we draw a 3d fractal ray traced environment 🙂
It's a great introduction, you should do more video like this. 🙂
Really cool! For who was the original presentation?
Looking forward to more of these!
Thank you for sharing 🙂
Thanks for this one, it's really the love and care explanation I needed. I was mind blown by the rest of video tutorials and the work at Shadertoy.
Impressive, but why are you using internet exploder?One of the browsers I'd say does not work very well with anything.
This is a great introduction Iñigo. We want more of this!
i deleted your bug shaders man
if you find more tell me i will delete everything i don't want be in trouble ok peace V
i have like 1500 videos it's very hard to find 🙁
Awesome!!! Thanks IQ
IE11 is great, but I'm having a lot of trouble getting it to work with Shadertoy…
tnx a lot
16 lines of code and I'm just wowed by the result. Great tutorial with a lot of clear explanations. Thanks!
Thanks IQ! I'm your big fan of your site
your math, creativity and graphics programming abilities will improve after watching this…
Very useful, thanks for sharing!
This seems to be the only basic shadertoy-tutorial I could find. Really cool! Reminds me of my first java classes in my first semesters when we made our own small image manipulation program. I really would love to see more of this, I think it's one of the best ways to learn basic coding and expression of mathematical concepts in a visual way 🙂
This is such bullshit. I've been trying to learn how to program shaders for over a month using all kinds of tools such as Shader Toy, GLSL Sandbox, Shadr, Quartz Composer, etc. and I just can't figure shit out cause whenever I find a tutorial and I try the sample codes THEY DON'T FUCKING WORK!
Just trying the example in the beginning to create the gradients in ShaderToy I get these 2 compiling errors "main : function already has a body" and "mainImage : no matching overloaded function found". For some reason it does not like this line
vec2 p = gl_FragCoord.xy / iResolution.xy;
And I typed in the same code he's typing and I get this. I went ahead and tried the same code in the GLSL Sandbox editor and that compiler has an issue with the same line above.
What the fuck am I doing wrong here? Seriously, WTF? Did some GLSL functions get deprecated since this video was made?
God I'm so fucking frustrated with this shit.
This is one of the most interesting instructional videos I've seen in years. Thanks!
would love more of these! 🙂
Thanks for the tutorial. This reminds me starting off with Turbo Pascal and the Denthor's VGA tutorials 20 years ago, ah ah. You have a new subscriber.
Magical threshold of ugliness 😀
i found shadertoy to work much better in chrome than in firefox. also worked much better after updating from win7 sp1 to the actual updates as of 2016, which is just 270 updates that take only 2 hours. i just formatted a lot of pcs from 2007 and dared to benchmark and stress test them on webgl with shadertoy.
Would've liked to see examples at the end of some complex images created with pages of code, your picture looked nice with just a few lines. Nonetheless, this was a great, informative video! Thanks a lot for sharing!
Was the internet explorer comment at the beginning an inside joke I'm missing out on?
"magic threshold of ugliness" made my day haha! 🙂
Beautiful! Just the kind of introduction to Shader Toy I needed!
Thanks a lot for this tutorial! It's fascinating way to draw but also a very unusual one that one needs to wrap one's head around …
Great videos. Please do more for us 🙂
Great explanation! Thanks so much.
Please keep variable names above FOUR letters. PLEASE, I can never understand your source code, why even share it!!! p? p what? q what? r what? Of course I can infer and rename in my own implementation to study them, I have common sense, but its something that makes learning so much more complicated!!!!!!Please 🙁
wow 16 lines…
nice video.. does shadertoy developed in three.js library ?
Great teaching, thanks @iquilezles! I made a version in 25 different states: https://www.shadertoy.com/view/4tVcDK
Are you magician? using maths for draw omg! i'm newbie in it
I really enjoy this but is it really worth learning? Like, if I were to make a 2D game with palm trees in the background would it be better to use code or an image to display the tree? Wouldn't the code slow down the program? conversely the image would bulk the program, taking more space…. What is better? I suppose this becomes useful when creating dynamic drawings/systems, but My question is about this specific example
Your email address will not be published. Required fields are marked *
Save my name, email, and website in this browser for the next time I comment.