WebGPU :: Coding a Raytracer with Realistic Bloom in 7 Days

  Рет қаралды 5,945

Visionary 3D

Visionary 3D

Күн бұрын

In this video / devlog, I show you my process of improving and creating my raytracing engine in 7 days.
We're gonna talk about one of the most important effects in 3D rendering, which is bloom.
If you're interested in these types of high quality devlogs, let me know in the comments and I'll make more of these.
This engine is implemented in WebGPU which means that you can run this app here:
raytracing-webgpu.netlify.app/
Checkout my previous video in case you want to learn more about WebGPU:
• WebGPU :: Rendering th...
Source Code:
The Code Is Temporarly Unavailable. It'll Be Available Again Very Soon!
Chapters:
00:00 Intro
00:55 Day 1
04:11 Day 2
05:20 Day 3
05:48 Day 4
07:43 Day 5
11:08 Day 6
11:45 Day 7
12:16 Outro
--------------------
Visionary 3D:
Follow me:
x.com/visionary_3_d
Discord Community:
/ discord
Shaders Crash Course:
• Three.js Shaders (GLSL...
My Shaders Playlist:
• Shaders
#webgpu
#computeshaders
#compute_shader
#shaders
#threejs
#3d
#3danimation
#glsl

Пікірлер: 29
@visionary_3_d
@visionary_3_d 8 ай бұрын
See my first video on WebGPU if you're interested in learning more about it: kzbin.info/www/bejne/j5rRl6ykid9qbdU
@method_actor
@method_actor 8 ай бұрын
You put a ton of work into these videos, it really shows. One of the best programming youtubers out there
@visionary_3_d
@visionary_3_d 8 ай бұрын
Thank you!
@kubiz198
@kubiz198 8 ай бұрын
This video is awesome - it's not only informative and engaging, but it also goes in-depth on the process itself. I really liked how it explained the research part and which sources allowed solving problems encountered along the way :)
@visionary_3_d
@visionary_3_d 8 ай бұрын
Glad you liked this my friend! I'll def make sure to include the resources that helped me in future devlogs as well.
@kempton1
@kempton1 7 ай бұрын
This is one of thoes hidden gem channels great work
@visionary_3_d
@visionary_3_d 7 ай бұрын
Thanks 😊
@simondev758
@simondev758 8 ай бұрын
Your presentation is really slick, love it.
@visionary_3_d
@visionary_3_d 8 ай бұрын
Thanks man. You’re a huge inspiration for me. Keep doing what you’re doing 🙏
@serychristianrenaud
@serychristianrenaud 8 ай бұрын
Thanks
@FelixVyra
@FelixVyra 8 ай бұрын
I clicked on this video because I thought finally someone is explaining how to build an actual ray tracing engine. This is what I have been looking for! But 2 minutes and 34 seconds into the video I have been hit with the same disappointment that I had to endure so many times looking at something similar on KZbin. This is a video about a path tracing engine. ☹ I wish someone would make an actual real time ray tracing engine on this platform. With detailed explanation, using vulkan and rust. I mean the ones videogames use. So ray traced GI and reflections. Kind of like Lumen in UE5. Don't get me wrong, this is still probably the best video about a pathtracer on youtube for a casual audience. Just not at all what I hoped for. Was still worth a sub. 👍
@visionary_3_d
@visionary_3_d 8 ай бұрын
Thanks for the comment. I understand the frustration as I wanted to build that too. However hardware ray tracing is still in progress for webgpu and so I was forced to use software path tracing. Now that you mentioned it, I’ll give Vulkan a try.
@richardramirez5746
@richardramirez5746 3 ай бұрын
Hi Visionary, I am always following your videos. I just wanted to ask you a question. You think it's important to take the ThreeJS Journey course? or better self-learning?
@visionary_3_d
@visionary_3_d 3 ай бұрын
Hi. It really depends. I think that taking the course will allow you to make faster progress in the short term. On the other hand, self-taught learning is fantastic as you will do a lot of exploration at first and that can give you a massive advantage in the long run. One thing I'd say for sure is that self-taught learning WILL NOT STOP EVER. Even if you take the course there's a lot of exploring that you need to do. I hope this helps.
@richardramirez5746
@richardramirez5746 3 ай бұрын
@@visionary_3_d Thank you very much. I really appreciate your explanation.
@MrlegendOr
@MrlegendOr 7 ай бұрын
Can You give us your thoughts on Dreams Engine's Raymarching SDF? One of the devs says "one thing i love about the #DreamsPS4 engine is that this is entirely hand modelled & painted; no textures at all. it also looks unlike most other SDF stuff - this is effectively all a directly sphere traced distance field. on a relatively slow ps4 gpu"
@sanketsbrush8790
@sanketsbrush8790 8 ай бұрын
Have you seen blender 4.1 eevee next render method ?
@thuneshkhairwar3726
@thuneshkhairwar3726 2 ай бұрын
Make hybrid way to optimize ray tracing
@thuneshkhairwar3726
@thuneshkhairwar3726 2 ай бұрын
What's makes you so knowledgeable. How i can be like you, knowledgeable like you please. Guide me
@visionary_3_d
@visionary_3_d 2 ай бұрын
First of all, thank you for the kind words. I spend a lot of time doing research, implementing and learning about the things I’m interested in. Also, making videos on KZbin requires you to go much much deeper because you need to understand what you’re talking about fully. Being a teacher is the best way to learn. Hope this helps ☺️
@thuneshkhairwar3726
@thuneshkhairwar3726 2 ай бұрын
@@visionary_3_d Thanks sir for answering my questions. As a newbie, I don't know anything about the program or staff you are using (meaning game related technology). I have never seen such knowledgeable staff. Sir, if you don't mind. Would you like to explain how you became an expert in this field? And how can I become knowledgeable like you?
@visionary_3_d
@visionary_3_d 2 ай бұрын
@@thuneshkhairwar3726 it took me 3 years to get good at doing 3D programming stuff. The first 2 years I was basically just learning and doing my own projects. Spending a lot of time and attention on getting good. The 3rd year I got hired at a job and worked there for a while. A lot of my experience comes from that period of time. A few key factors that helped me get to this point: 1. Passion and love for this kind of work 2. Consistent self improvement in this field 3. Getting hired at a company and getting real world experience and learning from senior devs I think these are the main ingredients and as always, some level of luck is involved.
@sjb8178
@sjb8178 Ай бұрын
WTH why so low views. This is a criminal
@visionary_3_d
@visionary_3_d Ай бұрын
Thank you !
@Howard-de1gs
@Howard-de1gs 6 ай бұрын
This has nothing to do with diffraction and even if it does, you won’t observe anything special unless you are using coherent light source.
@thebirdhasbeencharged
@thebirdhasbeencharged 8 ай бұрын
ChatGPT bruv
@geelemo
@geelemo 8 ай бұрын
If no one has done it, it's very unlikely it'll do it
@bennoH.-cr9gu
@bennoH.-cr9gu 8 ай бұрын
Thank you so so very very much, dear "Visionary 3D"! Your teak U time to introduc us in this all greatfull. You are exaiting & fantastic, it's truh so mutch peaple works day bay day in Blender, VJ Programs like Tooll3 or SMODE-Community, in Motiongrafics like AE or Cavelry & Videoediting Soft's and do not understand what hapens so greatful in all this backgrounds and whay them nead a powerful GPU, so now them can have a look WHAY it's so and how it works. With the most lovely greatings & kind regards from the mountainous Switzerland by Benno Hinteregger alias bennoH.🐼 Switzerland / Europe / Earth in the same MilkyWay as you
@visionary_3_d
@visionary_3_d 8 ай бұрын
Thanks for the kind comment! You made my day 😃
An introduction to Raymarching
34:03
kishimisu
Рет қаралды 117 М.
WebGPU :: Rendering the future in Real-Time
17:03
Visionary 3D
Рет қаралды 192 М.
Ну Лилит))) прода в онк: завидные котики
00:51
A pack of chips with a surprise 🤣😍❤️ #demariki
00:14
Demariki
Рет қаралды 28 МЛН
I Built a Shelter House For myself and Сat🐱📦🏠
00:35
TooTool
Рет қаралды 28 МЛН
Whyyyy? 😭 #shorts by Leisi Crazy
00:16
Leisi Crazy
Рет қаралды 15 МЛН
Rendering a car with my own ray-tracer
13:53
AngeTheGreat
Рет қаралды 282 М.
Ray Tracing: How NVIDIA Solved the Impossible!
16:11
Two Minute Papers
Рет қаралды 787 М.
Bloom.
26:10
The Cherno
Рет қаралды 114 М.
I Added RAYTRACING To My Voxel Engine ! ( From SCRATCH )
13:39
MaxMakesGames
Рет қаралды 7 М.
What is bloom? (And how is it simulated?)
12:37
AngeTheGreat
Рет қаралды 87 М.
Three.js Shaders (GLSL) Crash Course For Absolute Beginners
2:57:28
Visionary 3D
Рет қаралды 80 М.
When Your Game Is Bad But Your Optimisation Is Genius
8:52
Vercidium
Рет қаралды 1,3 МЛН
Why Is Nobody Talking About This New Blender Engine
10:23
InspirationTuts
Рет қаралды 124 М.
I made a better Ray-Tracing engine
17:38
NamePointer
Рет қаралды 244 М.
Ну Лилит))) прода в онк: завидные котики
00:51