How to texture a procedural object

  Рет қаралды 25,423

The Art of Code

The Art of Code

Күн бұрын

Пікірлер: 71
@jeffcummings3842
@jeffcummings3842 3 жыл бұрын
You are just such a great natural teacher, you've explained it in terms of fragment shader programming, yet now I have an understanding that translates over to opengl in general...! Wow, thank you so much for sharing.
@lianggrander9233
@lianggrander9233 3 жыл бұрын
You show the best teaching method~Adore you from the bottom of my heart
@Llenne
@Llenne Жыл бұрын
Thank you for making these videos, you teach things in a way I feel like anyone could understand which is an accomplishment with how different it is from even regular programming. I had a hard time understanding a lot of things but I think you've helped me learn enough to actually progress when I was stuck for weeks just getting started on shaders.
@jemsophia
@jemsophia 4 жыл бұрын
Oh my god are you kidding me? I’ve been wanting exactly this video for the whole time I’ve been doing shaders. As ever I am so grateful for your videos, THANK YOU
@Adeith
@Adeith 4 жыл бұрын
This was great. i couldn't figure it out before but its so obvious now.
@spaderkungskuk
@spaderkungskuk 4 жыл бұрын
I’d be surprised if Inigo Quilez (IQ I think on Shadertoy) did not make a demo file of texturing too.
@yavalang
@yavalang 3 жыл бұрын
A very underestimated topic for me, thanks for this great tutorial.
@DB009
@DB009 4 жыл бұрын
Amazing tutorial I learned so much/ Ive been trying to get triplanar mapping on my raymarcher in unity thank you for this!
@remmo123
@remmo123 4 жыл бұрын
Thank you. I could not understand how to work with textures but I do now!
@RayBellis
@RayBellis 3 жыл бұрын
Weird - I fired up KZbin to see if there was a Part 2 texturing update to the Newton's Cradle video yet, and here was this as the top "for you" vid!
@kebrus
@kebrus 4 жыл бұрын
It's good to point out that if you want to do triplanar mapping with normal maps you also need to do so extra work to make sure that the normals are properly flipped in some of the axis, otherwise you get inverted normals in some "faces" (if you see it as a cube)
@TheArtofCodeIsCool
@TheArtofCodeIsCool 4 жыл бұрын
Perhaps!
@butjok
@butjok 4 жыл бұрын
Thanks for the bald furry coconut tutorial! Very insightful as always. :)
@budihartanto4222
@budihartanto4222 4 жыл бұрын
best shader tutorial , thank you sir
@mikellosada463
@mikellosada463 4 жыл бұрын
Your videos are amazing, keep up the good work!
@theobgshow
@theobgshow 4 жыл бұрын
Happy new year Martijn. Thank you for the education and your hard work.
@knowercoder
@knowercoder 3 күн бұрын
Great video!
@realcygnus
@realcygnus 4 жыл бұрын
Priceless ! .... as usual.
@anmaral-sharif1381
@anmaral-sharif1381 4 жыл бұрын
I appreciate your efforts, thanks pal..
@himpipe
@himpipe 4 жыл бұрын
Enjoying the video but just wanted to point out one pedantic point (around 13:13). With bilinear filtering, it's only linear if going perfectly horizontally or vertically through the texture. If you go diagonally, in the general case the colour change follows a curve, not a straight line through colour space.
@TheArtofCodeIsCool
@TheArtofCodeIsCool 4 жыл бұрын
I would imagine it would follow a plane, which is still linear.
@StevenHokins
@StevenHokins Жыл бұрын
Awesome video!
@MrHSG2012
@MrHSG2012 4 жыл бұрын
Спасибо за матрёшку!
@andrewvoron4490
@andrewvoron4490 4 жыл бұрын
@Svetlana VВот эту: www.shadertoy.com/view/XlcSzM
@ScryGL
@ScryGL 4 жыл бұрын
Awesome! Thank you for making this!
@Chevifier
@Chevifier Жыл бұрын
These videos are amazing so far but im not sure if its the right place to ask but how do I rotate the "camera" point around the raymarch origin
@sebp400
@sebp400 Жыл бұрын
you need a 3D rotation matrix for Z-axis.
@nbaste90
@nbaste90 3 жыл бұрын
Really clear, super useful. Keep up the great work! 🤟🤟
@onlyeyeno
@onlyeyeno 4 жыл бұрын
Thanks for another excellent video !! :)
@nivbehar
@nivbehar 4 жыл бұрын
Awesome, thank you!!
@deniskarandeev3462
@deniskarandeev3462 4 жыл бұрын
Great, new video! Thanks Martinj)
@Smilley1211
@Smilley1211 4 жыл бұрын
Thank you very much. You have no idea how helpful these tutorials are for me. Is there any chance for reflection and refraction guide?
@TheArtofCodeIsCool
@TheArtofCodeIsCool 4 жыл бұрын
You are not the first person to ask. I'll throw it up on the next Patron poll and we shall see!
@baraksmash
@baraksmash 4 жыл бұрын
Yes! Thank you!!!
@JustYesntMan
@JustYesntMan 3 жыл бұрын
what about in next tutorial you teach us other types of lighting.Emissive materials, spotlight and such(i figured it out how to do spotlight myself though ! Thanks to your tutorials i have got the enough knowledge to achive it ^^) also, is there a better way of rendering mutliple sdfs on the screen without using min ? Like, what if i want to let the user decide which objects should be displayed ?
@gower1973
@gower1973 4 жыл бұрын
Is this all just pixel shader manipulation/trickery? No vertices or vertex buffers?
@TheArtofCodeIsCool
@TheArtofCodeIsCool 3 жыл бұрын
yes everything is pixel shader
@ColonelJ1
@ColonelJ1 4 жыл бұрын
It would've been amazing to rotate the nyancats at a high enough rate that you don't see them move around the sphere, but rather see the flipbook animation in fixed spots!
@TheArtofCodeIsCool
@TheArtofCodeIsCool 4 жыл бұрын
Yeah! I'll leave it as an exercise ;)
@RandyFortier
@RandyFortier 4 жыл бұрын
This is a bit tricky for two reasons: 1. The image itself isn't consistently spaced between the frames. There is extra space on the right hand side. 2. The progression of time (iTime) isn't constant. It would be easy, if it was constant.
@NexysStormcloud
@NexysStormcloud 4 жыл бұрын
cave painting of a moving nyan cat on a sphere, what's could be nicer than that? :) разве что матрёшка!
@prietjepruck
@prietjepruck Жыл бұрын
Nice!
@imaginingPhysics
@imaginingPhysics 2 жыл бұрын
at 32:30 we could just renormalize: n=normalize(n) after having raised it to some power.
@2211-f5r
@2211-f5r 4 жыл бұрын
that is really cool
@thirumaleshwarak792
@thirumaleshwarak792 4 жыл бұрын
How we can rotate a noise?
@TheArtofCodeIsCool
@TheArtofCodeIsCool 4 жыл бұрын
Check out my video on matrices and my video on value noise and see if you can figure it out ;)
@thirumaleshwarak792
@thirumaleshwarak792 4 жыл бұрын
@@TheArtofCodeIsCool my problem solved already
@thirumaleshwarak792
@thirumaleshwarak792 4 жыл бұрын
@@TheArtofCodeIsCool let's see that video also
@thirumaleshwarak792
@thirumaleshwarak792 4 жыл бұрын
@@TheArtofCodeIsCool How we can lower or higher the Noise coverage (not zooming)?
@may007ank
@may007ank 4 жыл бұрын
@@thirumaleshwarak792 what method or function do you use to create the noise?
@sunnybadgr5073
@sunnybadgr5073 4 жыл бұрын
*How does this video differ from the one I already watched that you uploaded a few days ago? It seems to be the same?*
@TheArtofCodeIsCool
@TheArtofCodeIsCool 4 жыл бұрын
Patrons got this a few days earlier, now it's available for everyone.
@bartwang114
@bartwang114 4 жыл бұрын
Thank You !!!!
@MrKerim2000
@MrKerim2000 3 ай бұрын
Why is the performance so poor?
@DYamanoha
@DYamanoha 3 жыл бұрын
Awesome, I never understood how tri-planar mapping worked. Here's what I built from this tutorial (plus the raymarching and starfield ones) kzbin.info/www/bejne/e4WxYniHlNCJeZY; I'm going to try replacing the static texture with an animated voronoi effect next. Then I'll try and tackle flares, which will be the hardest bit since there's no Martijn tutorial to follow. Time to use polar coordinates something, something...
@DYamanoha
@DYamanoha 3 жыл бұрын
Also, I'm not convinced that I can simply blend 3 planar projections of a single voronoi effect together. I'll try to figure something else out.
@TheArtofCodeIsCool
@TheArtofCodeIsCool 3 жыл бұрын
Looks really cool!
@cashperovskygo3318
@cashperovskygo3318 3 жыл бұрын
how i can add my own texture on this channels?
@SushilaShenoy
@SushilaShenoy 3 жыл бұрын
I thought you were going to use the nyancat alpha channel for the displacement. :(
@antoinedevldn
@antoinedevldn 4 жыл бұрын
Thanks :D
@_yuri
@_yuri 4 жыл бұрын
next tutorial how to make a hair shader irl 😳
@TheArtofCodeIsCool
@TheArtofCodeIsCool 4 жыл бұрын
Hmm. Gotta look into that!
@zooi.
@zooi. 4 жыл бұрын
geweldig
@TheArtofCodeIsCool
@TheArtofCodeIsCool 4 жыл бұрын
Dank je!
@jahrazzjahrazz8858
@jahrazzjahrazz8858 4 жыл бұрын
Would be cool to split the video into sections so we can skip the parts with general texture tutorial things like UVs and zoom if we already know it
@freevbucks8019
@freevbucks8019 Жыл бұрын
Tried to translate the object? Yeah, the texture scrolls.
@Trooperos90
@Trooperos90 3 жыл бұрын
Thats a nice piece of crap
Coding a fireworks effect
38:51
The Art of Code
Рет қаралды 18 М.
Hexagonal Tiling Explained!
29:21
The Art of Code
Рет қаралды 59 М.
Каха и дочка
00:28
К-Media
Рет қаралды 3,4 МЛН
99.9% IMPOSSIBLE
00:24
STORROR
Рет қаралды 31 МЛН
An introduction to Shader Art Coding
22:40
kishimisu
Рет қаралды 1 МЛН
Giving Personality to Procedural Animations using Math
15:30
t3ssel8r
Рет қаралды 2,7 МЛН
Coding the Game of Life
30:01
The Art of Code
Рет қаралды 21 М.
Inside the V3 Nazi Super Gun
19:52
Blue Paw Print
Рет қаралды 2,4 МЛН
Live Coding and Alien Orb - Modeling & Shadows
30:31
The Art of Code
Рет қаралды 10 М.
Painting a Landscape with Maths
42:00
Inigo Quilez
Рет қаралды 723 М.
RayMarching: Basic Operators
24:17
The Art of Code
Рет қаралды 36 М.
Painting a Character with Maths
24:46
Inigo Quilez
Рет қаралды 421 М.
Glyphs, shapes, fonts, signed distance fields.
6:05
Martin Donald
Рет қаралды 69 М.
Raymarched Reflections
40:37
The Art of Code
Рет қаралды 11 М.
Каха и дочка
00:28
К-Media
Рет қаралды 3,4 МЛН