An introduction to Raymarching

  Рет қаралды 147,295

kishimisu

kishimisu

Күн бұрын

Пікірлер: 288
@kishimisu
@kishimisu 10 ай бұрын
I hope you'll find this tutorial to be a useful starting point for learning more about raymarching! You can support these tutorials on Patreon: www.patreon.com/kishimisu See you in the next one!
@SpiritBladeFox
@SpiritBladeFox 10 ай бұрын
Your tutorials are so useful and inspiring thank you for teaching me so much!!
@codeunited5905
@codeunited5905 10 ай бұрын
You are one hell of a talented person. Hope you find a good employment soon!
@onetwothree2617
@onetwothree2617 9 ай бұрын
Your tutorials are fantastic, thank you. I like the AI voice over.
@jcponcemath
@jcponcemath 9 ай бұрын
These tutorials are amazing! Very well explained and with lots of visuals that help a lot! All the best!
@likrecelineation
@likrecelineation 9 ай бұрын
Can you do a video on how to add lights, shadows, and specular reflections to the scene when you do?
@krzysztofwolski9156
@krzysztofwolski9156 8 ай бұрын
Thanks a lot for this video. IT's great and easy to comprehend. I just spotted one mistake, so I'll share with people if they get stuck: 26:55 - When doing the time-dependent offset of the cubes the line q=fract(p) - 0.5; should be changed to q=fract(q) - 0.5;
@benxtan
@benxtan 5 ай бұрын
I as just about to post this correction. Thanks!
@jacobosaldarriaga4820
@jacobosaldarriaga4820 5 ай бұрын
Thank you! I was going really confused for a while, thougth of changing a bunch of stuff except that, makes sense.
@VerdASMR
@VerdASMR 9 ай бұрын
10/10, kishimisu you are a brilliant shader artist and an equally brilliant communicator of information. Please keep sharing that gift with us ❤🙏
@simgamedev6423
@simgamedev6423 2 ай бұрын
I've been waiting for new videos for so long!
@CathodeRayKobold
@CathodeRayKobold 10 ай бұрын
The biggest flaw with ray marching, in my opinion, is that it can be difficult or tedious to design certain arbitrary structures purely with math. It's not a very artist-friendly technique.
@miguelpereira9859
@miguelpereira9859 Ай бұрын
I guess thats because there are no tools made to ease the creation of objects withought manually writting functions in code
@seanloughran6714
@seanloughran6714 10 ай бұрын
Had to pause in the middle of the video and say, that Milky Way comparison was amazing, funny and instructional. This is an awesome video, well done!
@j-will5237
@j-will5237 16 күн бұрын
Very good job. All is very clear; Probably the best introduction to the raymarching. Thank you very much ! I hope there will be a sequel :)
@2_Elliot
@2_Elliot 10 ай бұрын
Man, talk about underrated! Here from your previous video, can’t wait for your next. Keep up the good work!
@Lavamar
@Lavamar 10 ай бұрын
Amazing tutorial once again! Your first video inspired me and many others to start experimenting with shader code. This video made basic 3d graphics easily understandable, previosuly to me a daunting task. I also love how you briefly explain several sub-concepts in their simplest forms, prompting a lot of creative exploration. Really appreciate your style, pacing and looking forward to your future videos.
@NeverduskX
@NeverduskX 8 ай бұрын
This video was so dense with information yet so well-explained. I'm going to rewatch this a few times just so I can absorb everything.
@psenej
@psenej 10 ай бұрын
OMG THE RETURN !!
@Kabodanki
@Kabodanki 10 ай бұрын
The algorithm choosed him
@connor43057
@connor43057 3 ай бұрын
I really hope you make another tutorial soon. Your two videos are the BEST shader & raymarching content I've ever seen, and I've worked professionally as a graphics programmer.
@MashJDW
@MashJDW 10 ай бұрын
This is a fantastic introduction into Ray Marching. Wonderful video. I've started this journey myself a few months ago, and your visualizations will really help others conceptualize these seemingly complicated operations!
@Dezomm
@Dezomm Ай бұрын
If you continued this series it would make me so happy 🥹
@danycorona6788
@danycorona6788 9 ай бұрын
A just became a supporter at patreon because of this video. I think you nailed the perfect balance giving just enough information to understand what’s going on without getting bogged with details while providing external resources to drill down. The visual explanations are great too. Looking forward to dig in with your next tutorials!
@Mireneye
@Mireneye Ай бұрын
Seconding the people who wish to see more, this was a brilliant video & I hope you'll come to a point in life to have the ability and want to make more
@sIippo
@sIippo 6 ай бұрын
Great video! You started small and worked up to some really cool demonstrations. Thank you for doing this all in shadertoy too, so I could quickly try it out for myself.
@someguy1428
@someguy1428 10 ай бұрын
Ray marching is such a beautiful technique. Infinite objects with mathematical operations with low computational power.
@grey8_
@grey8_ 10 ай бұрын
Awesome video! I was occasionally checking your channel to see if you had a new video since you said you're working on a new video on Instagram. You did a really great job! Especially because it was a topic I wanted to checkout anyway. I'm looking forward to more raymarching and seeing your channel evolve, I think you'll succeed easily! Good luck! 🎉
@pekka8605
@pekka8605 9 ай бұрын
10/10 Nothing to add. Very clear yet concise explanation and visualizations.
@Darkensses
@Darkensses 10 ай бұрын
Thank you kishimisu! you're a true inspiration for me! Shaders are a very complex topic but with your help, this kind of programming is begin become easier :)
@orangebananaaaa
@orangebananaaaa 3 ай бұрын
Seriously, the best tutorial and explanation about the ray marching. Thank you for sharing.
@MrXav360
@MrXav360 3 ай бұрын
OMG thank you so much for making your first two videos! It answered sooooooooooo many questions I had about psychedelic arts and gave me the push to learn GLSL and generate animations from C++. If I may add, the distortion effect is actually from an error in the concept of the rd variable. It should be vec3 rd = normalize(vec3(uv0, abs(ro.z))), since we want the direction of the pixel from the camera (we thus need to take into account where the camera is placed, otherwise the cone of rays isn't projected from the camera, but from a point at (0, 0, -1))
@randomystic218
@randomystic218 8 ай бұрын
This is an absolute gem. Please keep making more of such videos
@NeilMyatt
@NeilMyatt 4 ай бұрын
This blew my mind. I thought those 3d shaders were just beyond the scope of my tiny brain, but you just unlocked a million doors for me! Unfortunately my maths will still be a major limit for me, but luckily there’s all those prebuilt functions for rotation etc. thank you!! 🎉❤
@Sadjina
@Sadjina Ай бұрын
This. Is. So. Damn. Cool! I have played around with ray marching, but the idea of modifying the rays themselves was new (and awesome)!
@MysteryPancake
@MysteryPancake 10 ай бұрын
Fantastic!! I especially like the diagram at 25:18, it's a very interesting way to visualise it
@gdthatbigderp2375
@gdthatbigderp2375 10 ай бұрын
The legends said that some day, kishimisu will return!
@Adam-ef6ij
@Adam-ef6ij 3 ай бұрын
this is incredible, i am new to shaders and coding in general and this video was understandable and motivating. keep up the amazing work!
@JakeDownsWuzHere
@JakeDownsWuzHere 9 ай бұрын
double thumbs up for the Quaternion videos you linked, they're invaluable in understanding what at first can be a very opaque and confusing construct
@foxxify1
@foxxify1 10 ай бұрын
This is so cool. I love the exploration into noncartesian space. You can really do so much with just a few lines of code.
@maninthebags
@maninthebags 2 ай бұрын
Bro i cant wait to see really cool stuff like reflections and shadows added to this. it would be sooooo cool. Very much cant wait to see more!!
@neokortexproductions3311
@neokortexproductions3311 6 ай бұрын
Thank you! You inspired me to get back into coding and creating generative art, looking forward to future tutorials🤝
@thepurplbanana
@thepurplbanana 10 ай бұрын
Great video! I toyed with fragment shaders before, but this video made want to go back and properly learn some GLSL and create a couple shader programs! As a point of criticism, I think the code you provide would be easier to follow along and more readable if you were to use proper variable names for values you hardcoded -- using something like `scalingFactor` instead of 4., for example.
@kimmyera174
@kimmyera174 9 ай бұрын
Yes. This is a general coding practice called magic numbers. Eventually, constants that never change or one off values, may need to be understood by anyone revisiting the code in the future... that also means yourself :p This was a good tip from professors when I went to college for programming. Also keep up the vids, I'm subscribed for the incredibly easy to follow, guided visual examples that help explain what's fundamentally going on, step-by-step. Keep it up ^^
@Cigam_HFden
@Cigam_HFden 10 ай бұрын
Excellent run down of a lot of concepts and aspects of ray-marching. I have been experimenting with raymarching and SDF shapes in the godot engine. I am not sure how performant that will be, because I am still working at making the code for it. However, I will definitely be looking forward to your future videos. Cheers!
@januskane1978
@januskane1978 9 ай бұрын
I enjoy the AI voiceover, it's calm and to-the point! Very nice!
@alexmijo
@alexmijo 9 ай бұрын
same, had no idea it was AI
@najlitarvan921
@najlitarvan921 9 ай бұрын
to be frank it is one of the better AI voices
@SuboptimalEng
@SuboptimalEng 10 ай бұрын
I wish this video existed when I started learning Ray Marching (earlier this year) because it would've saved me weeks of self-studying. Really amazing work!
@Veptis
@Veptis 9 ай бұрын
I am still working on my shader generation evaluation for language models, but your videos have been a great aid to help people explain what shadercode is and how you might interpret code as art.
@PledgeBass
@PledgeBass 8 ай бұрын
Thank you so much for all of the effort put into this. I don't have time to dive into shaders right now but it's something I've been wanting to do for a while.
@erevanayen
@erevanayen 9 ай бұрын
My guy is literally teaching magic and asks nothing for it. The production and information value of this video is insane. I'm making a patreon account just to support you.
@Elmo-uu3cb
@Elmo-uu3cb 10 ай бұрын
Wow amazing! Thank you for sharing all those great lessons 😎🔥
@nathanlebon5813
@nathanlebon5813 9 ай бұрын
GOAT Tier learning material. Thank you a lot! I'm seriously thinking about subscribing to your Patreon after 2 tutorials.
@arnetriesyoutube
@arnetriesyoutube 9 ай бұрын
I really like how much info even the description has!
@somewhere-else
@somewhere-else 10 ай бұрын
ai voice or not the effort that went into this video is obvious and it’s top notch. honestly reminds me of robert penner’s work back in the flash days.
@loriennasarre
@loriennasarre 9 ай бұрын
Dude I was really waiting for you to drop another video. I am getting into the world of 3D graphics and shaders and your insight is very appreciated!
@ahsan2649
@ahsan2649 10 ай бұрын
The only raymarching tutorial I ever understood.
@puntig.1187
@puntig.1187 9 ай бұрын
I just decided to get into shaders, as a self-taught "creative coder". Your videos are absolutely stunning, highlighting an incredible production value. Be sure that I am going to follow your every move ;) I think you just convinced me to become a Patreon.
@NoBody-pf2nv
@NoBody-pf2nv 4 ай бұрын
Absolutely incredible! I hope to see more videos on shaders from you! 🎉
@juanloutech2864
@juanloutech2864 9 ай бұрын
Very, very interesting and very well explained! Thanks for this introduction to the huge world of shaders!
@futurebypatrick
@futurebypatrick 9 ай бұрын
Great video with great presenting format. Really appreciate. I am not coder at all, but really interested in this type of experimenting now. 😁😁
@hordorsok
@hordorsok 10 ай бұрын
Oh man, you are finaly here thax for video!
@Nosikas
@Nosikas 10 ай бұрын
Oh my gosh, you're back! These videos are phenomenal.
@BarneyCodes
@BarneyCodes 10 ай бұрын
Another great video! I've been meaning to explore raymarching for ages, so this might be the push I need to get started!
@jacobbb-t7i
@jacobbb-t7i 9 ай бұрын
Fantastic video! Looking forward to more in this series. I'm a big fan of the 64K demoscene and the creative and technical uses of raymarching, but never could give myself a starting off point to try my hand at my own. You just unlocked a whole universe of exploration for me.
@hekuli
@hekuli 10 ай бұрын
You really have the best tutorials on the topic. Very well done explaining complex topics in easy to understand terms.
@4.0.4
@4.0.4 10 ай бұрын
Absolutely amazing content. I can vouch for The Art of Code too, his videos are long but very easy to follow.
@simonviit4982
@simonviit4982 10 ай бұрын
Thank you, I hope you might consider produce "An introduction to RayTracing" in future.
@michaelcheverie7579
@michaelcheverie7579 10 ай бұрын
Just this afternoon I was messing around with applying rotation matrices to conic sections in the Desmos graphing calculator. Cool to see that technique used in shaders!
@marvinkruger4559
@marvinkruger4559 10 ай бұрын
Thank you so much for another wonderful video!!
@MTweedC4
@MTweedC4 6 ай бұрын
Really enjoying your videos! And have recommended them in my developers circle (:
@bitblit
@bitblit 10 ай бұрын
Never thought I'd learn how to become a lightbender, but this video made it so easy! Universes beware.
@maximoto42
@maximoto42 2 ай бұрын
Nice man, love your work! Keep it up ❤🧡💛💚💙💜
@mlecz
@mlecz 10 ай бұрын
Fantastic Video !, The content of this material is so valuable that the participation of AI as an speaker completely does not bother me. Thank you for your work !
@erikjohnson9112
@erikjohnson9112 10 ай бұрын
Great to have you back! Personally I would like to see WebGPU perhaps using wgpu (and engine that supports both desktop and web). Compute shaders & fragment shaders are my top topics (or more precisely areas).
@kishimisu
@kishimisu 10 ай бұрын
I might create a video about webgpu in the future to introduce compute shaders. However it may be difficult to fit on the screen nicely as wgsl is more verbose than glsl!
@Dromeo3
@Dromeo3 10 ай бұрын
im so glad you're making more content
@jazzhar
@jazzhar 9 ай бұрын
I found it incredibly easy to understand, you expertly explained not only the goal but also what individual components did without making it confusing. Although it's not shader, but could you tackle cube marching? (Procedural generation) Havent found someone that could explain it well yet.
@shinomitsu7798
@shinomitsu7798 10 ай бұрын
Thank you. Can't wait for the next video
@viezegast1305
@viezegast1305 10 ай бұрын
Absolute unit of a channel
@Not_Even_Wrong
@Not_Even_Wrong 10 ай бұрын
Amazing, awaiting the next videos eagerly!
@rimonsade-jd3id
@rimonsade-jd3id 10 ай бұрын
That is beyond great content. Truly mesmerizing.
@razu1976
@razu1976 5 ай бұрын
This is such a good video. Well done.
@aref2268
@aref2268 8 ай бұрын
Aah shade, here we go again Now I have an awesome toy to procrastinate with. This tutorial is amazing🔥
@IgneousGorilla
@IgneousGorilla 8 ай бұрын
Id like to run shaders locally, since I expect it could give me better performance (I have integrated graphics and most shaders on Shadertoy lag my PC when in fullscreen) and more control over inputs. I'd love to make interactive shaders, but on Shadertoy rotating the camera requires clicking - I havent seen a single shader that lets you rotate the camera by just moving the mouse around without clicking.. I'd also like to keep Shadertoy's editor simplicity. Does anyone know what my best options are? I'm not asking for a 100% premade tool btw, just some options (like libraries and languages well suited for this).
@redsprites5216
@redsprites5216 9 ай бұрын
'Now' I subscribe. Love this!
@chujies
@chujies 10 ай бұрын
Babe wake up, Kishimisu dropped a new video!
@miyu1424
@miyu1424 10 ай бұрын
Finally! I'm so excited!
@mercantilistic
@mercantilistic 8 ай бұрын
This is completely bananas thank you!
@thailonlucasart
@thailonlucasart 4 ай бұрын
We miss youuu!!! Hope you produce some new shader content 🎉
@dumbo8260
@dumbo8260 10 ай бұрын
nicely done dude. can't wait for the volumetric tutorial
@gaeel330
@gaeel330 9 ай бұрын
You shouted out Leon Denise! He's the one who introduced me to raymarching. Really cool dude! He organises amazing demoparties and live-coding events with Cookie Collective, check them out if you're into all this stuff!
@DaemonJuice
@DaemonJuice 10 ай бұрын
You didn't mention the main reason triangles are used. It's the only shape which can only be perfectly flat, with anymore than 3 points, it's possible to define a curved surface which would be much harder for a computer to figure out
@JimmyBrandZ
@JimmyBrandZ 8 ай бұрын
Wooooow!... Just the thing i've been looking for. 😲
@motbus3
@motbus3 10 ай бұрын
This is absolutely amazing. Please keep doing it!
@Lazurit216
@Lazurit216 7 күн бұрын
I look forward to more videos!
@Qweze
@Qweze 4 ай бұрын
time to stop raymarching and start raymaxxing
@alexandersedykh9280
@alexandersedykh9280 20 күн бұрын
I love you and your lessons
@aleksej-skrypnik
@aleksej-skrypnik 8 ай бұрын
Great content! I especially enjoyed the visualizations of every step. However, the music can be a bit unpleasant when watching at a higher playback speed.
@isma.noether
@isma.noether 6 ай бұрын
Incredible tutorial ! Thanks a lot ! Just one question, is it normal that your cartesian coordinates system at 7:01 is left-handed ? It seems a bit odd since, as I thought, the convention was right-handed cartesian coordinates system.
@cyberbemon
@cyberbemon 10 ай бұрын
Lol this video would have helped me a lot about 2 years ago when I did my computer graphics module. I was struggling to find a good video that broke down Raymarching. Still better late than never, I can use this to revise that shit properly now!
@sleepymushroom9403
@sleepymushroom9403 10 ай бұрын
Funnily enough I was looking for a video to explain raymarching to me, been thinking of implementing in a project lately.
@unvergebeneid
@unvergebeneid 10 ай бұрын
Free you mind, Neo. What you must learn is that these rules are no different than the rules of a computer system. Some rays can be bent. Others, can be curled up like some non-physical strand of hair. Well, I'm pretty sure if Neo had made full use of his ability to bend the rules of a computer system, The Matrix would've been a much different movie. And much more popular with the psychedelics crowd.
@10bokaj
@10bokaj 8 ай бұрын
nice explination, one of the better I have seen
@NedCollyer
@NedCollyer 5 ай бұрын
Incredible! Thank you :)
@bloom945
@bloom945 10 ай бұрын
Absolutely legendary video. Subbed.
@Shamysoza92
@Shamysoza92 10 ай бұрын
This is fantastic! I am walking through the process and I found a problem, but I am not sure if that was me, or there is something wrong with the original. at 27:01, when translating the box, inside the fract() function I noticed that using "p" as input will not work since we are currently using "q" instead. Just as a heads up to anyone following along. Please keep up the fantastic work!
@kishimisu
@kishimisu 10 ай бұрын
Thank you for pointing it out!
@Chevifier
@Chevifier 10 ай бұрын
Huge thanks for this point out I was stuck here implementing it in Godot 4.2 and was wondering if I missed something.
@parkedhampster212
@parkedhampster212 9 ай бұрын
We did it, fellas - we reinvented the CRT in the virtual world
@vovos00
@vovos00 9 ай бұрын
It helped me a lot!! thank you so much.
@hldfgjsjbd
@hldfgjsjbd 7 ай бұрын
I would much appreciate video about volumetric clouds and implementation in Unity
@gamethecupdog
@gamethecupdog 2 ай бұрын
2:50 I've been working on creating a program to render SDFs myself, and that XY pattern has been what I've been using the whole time. I thought I was seeing my own program for a split second 💀
@JunicoNRC
@JunicoNRC 10 ай бұрын
goh damn my new shaders course
An introduction to Shader Art Coding
22:40
kishimisu
Рет қаралды 994 М.
Пишем свой движок 3D-графики
19:25
Onigiri
Рет қаралды 539 М.
How to whistle ?? 😱😱
00:31
Tibo InShape
Рет қаралды 16 МЛН
Will A Basketball Boat Hold My Weight?
00:30
MrBeast
Рет қаралды 99 МЛН
How Ray Tracing (Modern CGI) Works And How To Do It 600x Faster
32:06
Josh's Channel
Рет қаралды 577 М.
Signed Distance Functions & Ray-Marching
24:14
Sum and Product
Рет қаралды 31 М.
What Is A Graphics Programmer?
30:21
Acerola
Рет қаралды 437 М.
How Games Have Worked for 30 Years to Do Less Work
23:40
SimonDev
Рет қаралды 1,4 МЛН
Painting a Landscape with Maths
42:00
Inigo Quilez
Рет қаралды 712 М.
How do Video Game Graphics Work?
21:00
Branch Education
Рет қаралды 3,8 МЛН
I Made A Blob Shooting Game With Ray Marching
13:33
Visionary 3D
Рет қаралды 41 М.
How Big Budget AAA Games Render Clouds
10:45
SimonDev
Рет қаралды 276 М.
When you Accidentally Compromise every CPU on Earth
15:59
Daniel Boctor
Рет қаралды 862 М.
10 Minutes vs. 10 Years of Animation
19:29
Isto Inc.
Рет қаралды 1,1 МЛН
How to whistle ?? 😱😱
00:31
Tibo InShape
Рет қаралды 16 МЛН