kishimisu
kishimisu
  • 2
  • 1 015 545
An introduction to Raymarching
This tutorial guides you through the fundamentals of raymarching and space transformation, providing insight into the endless creative possibilities that this technique opens up.
Raymarching base: www.shadertoy.com/view/MfX3WH
Final shader: www.shadertoy.com/view/lcs3DH
You can now support me on Patreon!
• Patreon: www.patreon.com/kishimisu
If you want to see more content related to computer graphics & shader coding:
• Instagram: kishimisu (Digital Art)
• Twitter: kishimisu (Computer Graphics, ML, Shaders..)
Resources presented in the video:
• Shadertoy: www.shadertoy.com/
• Raymarching in Raymarching: www.shadertoy.com/view/wlSGWy
• 3D signed distance functions: iquilezles.org/articles/distfunctions/
• Color palette: iquilezles.org/articles/palettes/
• How to rotate a vector - Freya Holmér: czcams.com/video/7j5yW5QDC2U/video.html
• Quaternions and 3d rotation - 3Blue1Brown - czcams.com/video/zjMuIxRvygQ/video.html
• Inigo Quilez's channel: @InigoQuilez
• The Art of Code's channel: @TheArtofCodeIsCool
Video editing: Premiere & After Effects
Animations: Manim Community and GLSL Shaders
Note that the voice-over has been generated using AI ! (platform: ElevensLab)
The primary reason for this choice is to ensure a cleaner audio quality. As English is not my first language, it can be difficult to keep this kind of content clear and concise. I believe that the generated voice enhances the educational quality of these tutorials. With that said, this is not a definitive choice.
Timestamps:
00:00 Introduction
00:40 What’s Rasterization?
02:02 What’s Raymarching?
05:45 Shader start
08:37 Raymarching
12:35 Optimizations
15:50 Translation
17:50 Operators
19:10 Scaling
20:12 Rotation
22:10 Order of operations
22:53 Camera rotation
24:45 Space repetition
27:07 Getting Creative!
32:37 Final shader
Musics:
• massobeats - jasmine tea
• corbyn kites - dusk drive
• Music by | e s c p | escp-music.bandcamp.com
zhlédnutí: 112 405

Video

An introduction to Shader Art Coding
zhlédnutí 903KPřed rokem
In this tutorial, I explore the fascinating realm of shader art coding and aim to offer helpful insights and guidance to assist you in beginning your own creative journey. I hope to share my passion with you along the way! Final shader: www.shadertoy.com/view/mtyGWy Resources presented in the video: • Shadertoy: www.shadertoy.com/ • Inigo Quilez website: iquilezles.org/articles/ • 2D signed dis...

Komentáře

  • @Megalaxe
    @Megalaxe Před 19 hodinami

    this is a really motivating video with great explanation but I think you went a little bit too fast, maybe it would have been better to make a less complex shader to start with and improve it in other videos. That being said it's still the best video about shader I've seen on youtube, thumbs up !

  • @nidde
    @nidde Před 21 hodinou

    I recently got in game development using Godot, and I will be using this tutorial specifically to try and learn to make my own shaders for effects. What I'm looking for specifically at this moment is an acid trip effect, and this tutorial just seems like it's made for that 😄

  • @tewecske
    @tewecske Před dnem

    Thank you! This was amazing! :)

  • @NoBody-pf2nv
    @NoBody-pf2nv Před 2 dny

    Absolutely incredible! I hope to see more videos on shaders from you! 🎉

  • @RedstoneManaga
    @RedstoneManaga Před 2 dny

    100% entirely ai

  • @DanielTateNZ
    @DanielTateNZ Před 3 dny

    What an amazing video

  • @adolfofernandez5897

    Keep going!

  • @theaeye3767
    @theaeye3767 Před 4 dny

    I really didn’t realize this was a non human voice and now I’m a little creeped out

  • @Kokice5
    @Kokice5 Před 6 dny

    I love this video, but please never use that TTS ever again.

  • @Yerevan-yl5oh
    @Yerevan-yl5oh Před 7 dny

    WOW 😲😳✨

  • @asclepiusdoom3118
    @asclepiusdoom3118 Před 7 dny

    Excellent!

  • @heisenberg5649
    @heisenberg5649 Před 9 dny

    I miss your videos :(

  • @MrWilliamSide
    @MrWilliamSide Před 9 dny

    Incredible quality. I love that you reference other tools. Thank you so much for this great educational coneten!

  • @NedCollyer
    @NedCollyer Před 10 dny

    Incredible! Thank you :)

  • @Axol2138
    @Axol2138 Před 11 dny

    Garnat splundig flazbam, when the snerft in the glipsnak bloorps, it's often blorphy to drindle. Plargs of derfban glizzle within the smerp of gloopnark, which flambles the sniggle of drappery. When gormaths bluzz into the frizzle, their spindly trumblings grop the snarfle, creating a vispling of sproon. Dorfing through the grubble, we splurk on the gleefnar's tripple. Often, the plerdon snorts with frumble, yet in the clep, blargies gurn with zinn. Their drupple leads to a spindrift of trubbery, flinching the blax into a quarky dreep. In the smuddle of plerfing, the gloopnarks smurf and blizzle. Trundles frapped and flizzed, leading to a plarm of smergle, the drup of which farnips glorily. Blundered into the queffling, the gleem resplurks in a gloffer of jarn. Their plimble can frip into a zorp. Yarnips of trundering frizz, splarn into the blorf, gurning in quimpler. When the snog dworfs, it brings a plarm of queefing, yet in the zarblorn, gloffy can splindle. Flarping into the smerg, the dwarky gleems with druzz. Splorfing the trindle, and splicking the zorp, leads to a plumper of glorf. Blargies, in their quindled trub, smerp and dern through the fleen, creating a snarfle of druple. Thus, in the glorple of zorp, the plarm gurns with smergl and trindles in the gloff. Their smurgle is drup, and flarn through the zinn, creating a wholfer of pland. The gurn thus leads to smurg and plind, ending in a gleef of smerg.

  • @BartekP
    @BartekP Před 11 dny

    this is brilliant explain even i can understand :_

  • @razu1976
    @razu1976 Před 11 dny

    This is such a good video. Well done.

  • @vergelab3399
    @vergelab3399 Před 14 dny

    Do you have a GitHub account where we can look at code?

  • @vergelab3399
    @vergelab3399 Před 14 dny

    Wow, thanks so very much. Great to see how you developed the code from very basic. Look forward to more.

  • @Fikretov
    @Fikretov Před 17 dny

    Pure gold.

  • @yassinsaddem2262
    @yassinsaddem2262 Před 18 dny

    Excellent Video and content 🎊🎊🎊🎊

  • @adeniranbalthazar5700

    damn, I can't express how great this is

  • @RemoteAnimations
    @RemoteAnimations Před 19 dny

    This is amazing

  • @tadakuniyasuda8214
    @tadakuniyasuda8214 Před 22 dny

    I am sure this is brilliant. I am not good enough to follow along yet. I just started studying Shader in Unity on Udemy. Can anyone recommend good basic videos or tutorials on shaders? I really really really want to understand all this.😢

  • @Aaws424
    @Aaws424 Před 23 dny

    thanks for making this man ❤❤

  • @aimkata
    @aimkata Před 25 dny

    🔥 Next amazing video please!

  • @TheBendixSA
    @TheBendixSA Před 26 dny

    Shaders man...damn.

  • @DadicekCz
    @DadicekCz Před měsícem

    Woaaaaaaah, now that is amazing! Probably gonna fall into this after finals

  • @neokortexproductions3311
    @neokortexproductions3311 Před měsícem

    Thank you! You inspired me to get back into coding and creating generative art, looking forward to future tutorials🤝

  • @MrSevenEleven
    @MrSevenEleven Před měsícem

    You don't need a graphics card to run shaders, just a GPU. This is such a good tutorial, seriously next level. By far the coolest coding tutorial I've ever seen, hands down.

  • @stewartimel
    @stewartimel Před měsícem

    I wish there was a super like button

  • @jun1408
    @jun1408 Před měsícem

    hi i love ur tutorial the most detail shader tutorial in utube, can i request a tutorial on shader particle system?

  • @CorpoWolf
    @CorpoWolf Před měsícem

    1:27 knowing a bit of graphics programming, I understand the in parallel part. But this animation shows sequential processing not parallel processing. This is like how a CPU would generate a frame, not a GPU. This has to be confusing to new graphics programmers because it implies logic starts on a pixel finishes then moves on to the next pixel. If one knows parallel programming chances are they know graphics programming too. You just got to imagine every pixel is like it's own worker all solving the same formula with the variation of knowing the id separate from one another.

  • @archtaurus
    @archtaurus Před měsícem

    I WANT MOREEEEEEE😘

  • @hodlwise2470
    @hodlwise2470 Před měsícem

    This is phenomenal. Thanks for putting this out and especially for all of the provided resources in the description.

  • @MilesBellas
    @MilesBellas Před měsícem

    The AI voice is great !!!

    • @pindebraende
      @pindebraende Před 11 dny

      it's a recording, AI is not as good as you think it is

    • @MilesBellas
      @MilesBellas Před 11 dny

      @@pindebraende You have no idea what "I think" do you, really? 🙂 AI voices = indistinguishable from humans and sometimes with clearer "enunciation".

  • @miguelmyers9546
    @miguelmyers9546 Před měsícem

    Can we a volume ray march tutorial?

  • @user-bb3rr2dq7s
    @user-bb3rr2dq7s Před měsícem

    Great tutorial. I was mind blown at the use of fractals and combining that with well known math functions to produce very interesting results quickly. The palette function also seems incredible useful for creating color compositions to anyone's liking!

  • @_sophies
    @_sophies Před měsícem

    Really nice video, very well explained, but the AI voice is a bit distracting IMO.

  • @xevein6474
    @xevein6474 Před měsícem

    Personally, I can't stand AI-generated voices. They're really grating to listen to. However, the content of the video was definitely informative!

  • @overpope3510
    @overpope3510 Před měsícem

    So did you steal this content considering that the whole video is AI generated?

  • @isma.noether
    @isma.noether Před měsícem

    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.

  • @skrilviper1747
    @skrilviper1747 Před měsícem

    Extremely useful as I am a beginner, thanks for making this well done video

  • @ben-fornefeld
    @ben-fornefeld Před měsícem

    let him cook

  • @XR-JAM
    @XR-JAM Před měsícem

    i have allucinated several hours after this tutorial and this is no joke.

  • @XR-JAM
    @XR-JAM Před měsícem

    God Likes Shaders

  • @skrat1001
    @skrat1001 Před měsícem

    ai voice, not watching.

  • @RupertBruce
    @RupertBruce Před měsícem

    As a coder of the more conventional kind, I feel that there ought to be some special 'decoration' of iTime-varying variables, the coordinate space should be an enum selection, each transform should be a well-named function. Seems like a good space for Rust.

  • @RealZeroBandwidth
    @RealZeroBandwidth Před měsícem

    Amazing video! Completed this and made advance designs that only people from the year 4032 will understand.... but any of you know how to center a div?