WebGPU :: Creating a Raytracer with Bloom

  Рет қаралды 6,145

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

Пікірлер: 31
@visionary_3_d
@visionary_3_d 9 ай бұрын
See my first video on WebGPU if you're interested in learning more about it: kzbin.info/www/bejne/j5rRl6ykid9qbdU
@method_actor
@method_actor 9 ай бұрын
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 9 ай бұрын
Thank you!
@kempton1
@kempton1 9 ай бұрын
This is one of thoes hidden gem channels great work
@visionary_3_d
@visionary_3_d 9 ай бұрын
Thanks 😊
@kubiz198
@kubiz198 9 ай бұрын
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 9 ай бұрын
Glad you liked this my friend! I'll def make sure to include the resources that helped me in future devlogs as well.
@simondev758
@simondev758 9 ай бұрын
Your presentation is really slick, love it.
@visionary_3_d
@visionary_3_d 9 ай бұрын
Thanks man. You’re a huge inspiration for me. Keep doing what you’re doing 🙏
@serychristianrenaud
@serychristianrenaud 9 ай бұрын
Thanks
@FelixVyra
@FelixVyra 9 ай бұрын
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 9 ай бұрын
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 4 ай бұрын
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 4 ай бұрын
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 4 ай бұрын
@@visionary_3_d Thank you very much. I really appreciate your explanation.
@MrlegendOr
@MrlegendOr 8 ай бұрын
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 9 ай бұрын
Have you seen blender 4.1 eevee next render method ?
@thuneshkhairwar3726
@thuneshkhairwar3726 3 ай бұрын
Make hybrid way to optimize ray tracing
@thuneshkhairwar3726
@thuneshkhairwar3726 3 ай бұрын
What's makes you so knowledgeable. How i can be like you, knowledgeable like you please. Guide me
@visionary_3_d
@visionary_3_d 3 ай бұрын
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 3 ай бұрын
@@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 3 ай бұрын
@@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 2 ай бұрын
WTH why so low views. This is a criminal
@visionary_3_d
@visionary_3_d 2 ай бұрын
Thank you !
@freakfreak786
@freakfreak786 23 күн бұрын
Cmon man release the code pls Would help a ton
@visionary_3_d
@visionary_3_d 23 күн бұрын
Soon ✌️
@Howard-de1gs
@Howard-de1gs 7 ай бұрын
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 9 ай бұрын
ChatGPT bruv
@geelemo
@geelemo 9 ай бұрын
If no one has done it, it's very unlikely it'll do it
@bennoH.-cr9gu
@bennoH.-cr9gu 9 ай бұрын
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 9 ай бұрын
Thanks for the kind comment! You made my day 😃
WebGPU :: Javascript at the speed of Light
20:02
Visionary 3D
Рет қаралды 79 М.
Rendering a car with my own ray-tracer
13:53
AngeTheGreat
Рет қаралды 283 М.
Can You Draw A PERFECTLY Dotted Line?
00:55
Stokes Twins
Рет қаралды 112 МЛН
Мы никогда не были так напуганы!
00:15
Аришнев
Рет қаралды 6 МЛН
Happy 4th of July 😂
00:12
Pink Shirt Girl
Рет қаралды 61 МЛН
I made a better Ray-Tracing engine
17:38
NamePointer
Рет қаралды 248 М.
WebGPU :: Rendering the future in Real-Time
17:03
Visionary 3D
Рет қаралды 194 М.
How I Created a Voxel Raycaster in Python...
5:47
Gpopcorn
Рет қаралды 4,4 М.
I Added RAYTRACING To My Voxel Engine ! ( From SCRATCH )
13:39
MaxMakesGames
Рет қаралды 8 М.
How Ray Tracing Works - Computerphile
20:23
Computerphile
Рет қаралды 80 М.
What is bloom? (And how is it simulated?)
12:37
AngeTheGreat
Рет қаралды 88 М.
Bloom.
26:10
The Cherno
Рет қаралды 115 М.
I Made A Blob Shooting Game With Ray Marching
13:33
Visionary 3D
Рет қаралды 37 М.
How Games Have Worked for 30 Years to Do Less Work
23:40
SimonDev
Рет қаралды 1,3 МЛН
I Optimised My Game Engine Up To 12000 FPS
11:58
Vercidium
Рет қаралды 586 М.