WebGPU :: Rendering the future in Real-Time

  Рет қаралды 194,688

Visionary 3D

Visionary 3D

Күн бұрын

Check out Part 2:
• WebGPU :: Javascript a...
WebGPU is finally here, ready to be used.
And it's going to change EVERYTHING.
In this video we'll take a look at the basics of WebGpu.
This is part 1 of our new WebGpu series.
Subscribe so you don't miss out our next videos.
CODE:
github.com/visionary-3d/webgp...
Chapters:
00:00 Intro
00:25 WebGL Replacement ?
01:10 Why WebGPU Is Better
02:10 Chapter 1 : Shaders
04:36 Chapter 1.5 : Compute Shaders
05:08 WebGPU Pipeline
06:10 Chapter 2 : Code Structure
07:25 Chapter 3 : Uniforms
12:02 Chapter 4 : Fullscreen Shader
15:38 Chapter 5 : Final Code
16:33 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

Пікірлер: 206
@NoBoilerplate
@NoBoilerplate 10 ай бұрын
My Dude! This makes me want to write a game, thank you!
@visionary_3_d
@visionary_3_d 10 ай бұрын
I’m honoured. Thank you!
@marko-lazic
@marko-lazic 10 ай бұрын
This is amazing. I use Bevy and Rust and want to learn shading with WebGPU. Thanks!
@RootsterAnon
@RootsterAnon 9 ай бұрын
Hello gentleman (nods), it's nice to see you all here! 🧐
@adam-the-dev
@adam-the-dev 9 ай бұрын
30s in and all I could think of was how much the video structure and script reminded me of NoBoilerplate videos. Pretty cool to see your comment, I'd guess that you're an inspiration for this channel.
@visionary_3_d
@visionary_3_d 9 ай бұрын
@@adam-the-dev He is 😄
@NicolaGuerrera
@NicolaGuerrera 9 ай бұрын
Wow, you managed to condense all the things I learned in many days of banging my head on the wgpu docs in just a few minutes. Thank you so much, I really loved the easy explanation - looking forward to new episodes!
@visionary_3_d
@visionary_3_d 9 ай бұрын
Nice. More will be coming soon.
@tomkatdev
@tomkatdev 9 ай бұрын
I've been using threeJs and three fiber for the last 12 months building web stuff with my 3d projects out of cinema4d. Really cool to learn about webGPU. I'm really excited to see where 3d experiences on the future web end up. Thanks for this awesome intro / breakdown.
@HenkHeidstra
@HenkHeidstra 10 ай бұрын
Well done mate, truly amazing how well you explain concepts through visualisation so well. It’s time to create awe-mazing things!
@visionary_3_d
@visionary_3_d 10 ай бұрын
Let’s go 🔥
@gamefun2525
@gamefun2525 8 ай бұрын
awwwmazing things
@maxkofler7831
@maxkofler7831 10 ай бұрын
The cool thing about WebGPU is that it abstracts away the underlying API, be it Vulkan, DX12, Metal… so it gives you platform-independence for free, really nice
@visionary_3_d
@visionary_3_d 10 ай бұрын
It is absolutely amazing!
@staubsauger2305
@staubsauger2305 9 ай бұрын
Oh, you mean like OpenGL did ? that is why OpenGL is criticized as slow on weak CPUs, because it abstracts the hardware (if the CPU is powerful then the overhead is little problem).
@maxkofler7831
@maxkofler7831 9 ай бұрын
@@staubsauger2305 No, OpenGL is the graphics API that gets implemented by the driver but OpenGL assumes lots of things about memory and buffer layout, etc… New APIs like DX, Vulkan, Metal are more verbose but not cross platform (except Vulkan for Win/Linux)… That‘s why WebGPU is so cool, it brings all those APIs under one hat and uses the best API below, even OpenGL if necessary
@staubsauger2305
@staubsauger2305 9 ай бұрын
@@maxkofler7831 the OpenGL model is that the driver implementer knows more about the hardware than the average developer. The hardware is abstracted and the application developer has a more limited ability to control execution so some optimizations are not available, except through the extension mechanism. In contrast, lower-level APIs give more ability for the appplication developer to optimize at the cost of greater development time, greater risk of bugs and the app developer has to do more work for performance on each architecture. It's a trade-off as everything is. WebGPU is a return to OpenGL in the sense that it is a higher level of abstraction than the underlying layers - which means many of the things moaned about in OpenGL must necessarily return - which is ok but folks have to be real about it instead if merely 'teh nu shiny'. That's all I'm saying. And platform-independence is a must, devices are becoming more heterogenous rather than less (eg. the 3. 3 billion devices running the Linux and Java flavors branded 'Android').
@vitalysuper3193
@vitalysuper3193 9 ай бұрын
The biggest problem for us was absence of support for IOS. We wanted to make true web cross platform game, otherwise it is just much simpler to desktop applications
@theubiquitousanomaly5112
@theubiquitousanomaly5112 10 ай бұрын
Thank you so much for covering something like this. It’s very hard to find beginner friendly tutorials especially when it comes to graphics. WebGPU is only going to make this field more accessible, so all the more important we have content like yours 😊
@visionary_3_d
@visionary_3_d 10 ай бұрын
Thanks for watching!
@w花b
@w花b 8 ай бұрын
Does that mean websites can mine bitcoin on my computer now?
@scottcourtney8878
@scottcourtney8878 8 ай бұрын
Thanks for this. I've written a fair number of shaders in HLSL and had very little trouble following along to broaden my knowledge (at least, to begin doing so) into this new area.
@TheRedAstro
@TheRedAstro 7 ай бұрын
That is a great start for some very much needed content :) Will follow through with rust + wgpu. Nice work!
@visionary_3_d
@visionary_3_d 7 ай бұрын
Thanks for the kind words. 😇
@IndigoCode
@IndigoCode 10 ай бұрын
Great video! WebGPU is _such_ a game changer for browser graphics, but it's not an easy topic to cover.
@visionary_3_d
@visionary_3_d 10 ай бұрын
That’s right sir 😇 Thanks 🙏
@alinmathuo4018
@alinmathuo4018 9 ай бұрын
There is no way that this channel is just 7 months and it's that Goood!
@visionary_3_d
@visionary_3_d 9 ай бұрын
I appreciate the compliment. Thanks!
@opupilo708
@opupilo708 6 ай бұрын
Thank you sooo much, i came from Nik Lever glsl course but i cant understand if i dont visualize, it was really hard to find out without a good analogy in his videos, but you completely nail it. nice job!
@visionary_3_d
@visionary_3_d 6 ай бұрын
Glad you liked it
@danielb.2873
@danielb.2873 10 ай бұрын
Awesome, saved. Thanks! Looking forward to seeing the next episodes.
@visionary_3_d
@visionary_3_d 10 ай бұрын
Glad to hear it!
@yash1152
@yash1152 9 ай бұрын
2:10 wowww super nice visual design & delivery. awesome.
@visionary_3_d
@visionary_3_d 9 ай бұрын
Thanks. Glad you liked it!
@SmiterG
@SmiterG 9 ай бұрын
0:29 the way you said that "looong time" makes me remember of GlaDOS in Portal 2 for some reason
@ThePouetman
@ThePouetman 7 ай бұрын
Fantastic video! I finally understand the webgpu syntax a bit better.
@visionary_3_d
@visionary_3_d 7 ай бұрын
Glad you found it useful 😄
@malthe2962
@malthe2962 8 ай бұрын
Hella awesome video dude, I will definitely subscribe keep it up!
@visionary_3_d
@visionary_3_d 8 ай бұрын
🙏
@yoanhg421
@yoanhg421 8 ай бұрын
Underrated ASMR video, It tickles my ears.
@visionary_3_d
@visionary_3_d 8 ай бұрын
haha. I was really close to the microphone when I was recording the audio file...
@barameg_
@barameg_ 9 ай бұрын
Amazing content, very informative
@sanjaux
@sanjaux 9 ай бұрын
Great explanation! For me, anything that has to deal with the GPU for UI always ends up being super complex and oddly verbose, I wonder if I'll ever be able to learn that. I always felt like it could be simpler but I'm sure it's like this for a reason
@visionary_3_d
@visionary_3_d 9 ай бұрын
We're probably gonna have a video on that. Don't wanna spoil anything. But thanks for the detailed comment.
@fojico1234
@fojico1234 8 ай бұрын
I'm excited!
@nickcarvajal
@nickcarvajal 10 ай бұрын
Great explanation!
@visionary_3_d
@visionary_3_d 10 ай бұрын
Glad you think so!
@realitydreaming4111
@realitydreaming4111 7 ай бұрын
Moss typing with his desk in fire when JavaScript was mentioned. Accurate.
@oglothenerd
@oglothenerd 9 ай бұрын
You can have a square with 4 vertices. The magic is in the indices.
@chayanpant1607
@chayanpant1607 10 ай бұрын
do you think there will be a three.js (WebGL) like JavaScript library for WebGPU?
@visionary_3_d
@visionary_3_d 10 ай бұрын
100% Three.js is already building it.
@SuboptimalEng
@SuboptimalEng 10 ай бұрын
Nice to see some good WebGPU tutorials pop up in my recommended! Subscribed 🤓
@visionary_3_d
@visionary_3_d 10 ай бұрын
Glad you liked it 😉
@ldelmar3875
@ldelmar3875 8 ай бұрын
Is there something like three.js or babylon to have easier access to webgpu?
@gorhelorprez3763
@gorhelorprez3763 8 ай бұрын
Does this preserve the drawing buffer when finished rendering, I am sick of trying to screenshot webGL canvas
@calderarox
@calderarox 10 ай бұрын
this is such a good content!
@visionary_3_d
@visionary_3_d 10 ай бұрын
I appreciate the kind words 🙏
@233k
@233k 6 ай бұрын
Thanks!
@visionary_3_d
@visionary_3_d 6 ай бұрын
Thank You! I really appreciate this ♥
@irfansaeedkhan7242
@irfansaeedkhan7242 6 ай бұрын
wow, i was just getting started 3D, and i found the better alternative
@zebedie2
@zebedie2 7 ай бұрын
It's only really available in chrome at the moment, not fully implemented in firefox or safari at this point
@naeemulhoque1777
@naeemulhoque1777 9 ай бұрын
your visualizations looks so good, how do you make these presentation?
@visionary_3_d
@visionary_3_d 9 ай бұрын
Thank You. I use Davinci Resolve, blender, and sometimes code.
@peppebck
@peppebck 9 ай бұрын
The 3d data to render must be tranferred to the client? I guess so. Thanks a lot
@yoskokleng3658
@yoskokleng3658 7 ай бұрын
So, it is mean in the future we will have game which run on browser? and it is fast as desktop game?
@visionary_3_d
@visionary_3_d 7 ай бұрын
That’s the plan 🤞
@tolubaijalilov8009
@tolubaijalilov8009 8 ай бұрын
Awesome
@vladyslav007
@vladyslav007 9 ай бұрын
12:50 - "there we have a variable, that makes sense, because it changes" No it's not. In DirectX and HLSL it's called a constant buffer. In Metal API it's just declared as a "const & name". Uniform buffers are not meant to be "variables". It's mostly always a read-only data. Unless we talk about more generic cases of exposing direct GPU buffer addresses in shader and writing to them.
@visionary_3_d
@visionary_3_d 9 ай бұрын
You're 100% right! Thanks for pointing this out. I think when I was describing this I meant: "it changes from the outside" and uniforms update frequently. But technically your description is correct.
@qnprogrammer
@qnprogrammer 9 ай бұрын
Which plugin are you using for that cool highlight?
@visionary_3_d
@visionary_3_d 9 ай бұрын
It's a custom node I've built with some lua code in Davinci Resolve.
@JesseSep.
@JesseSep. 9 ай бұрын
Nice vid. Just a quick tip; make sure you cut off all the low end of your voice recording, this will make your voice a lot clearer and not be super bassy for people who listen on headphones
@visionary_3_d
@visionary_3_d 9 ай бұрын
Thanks for the tip !
@Cheesecake99YearsAgo
@Cheesecake99YearsAgo 9 ай бұрын
Can it run minesweeper at 4K 144fps?
@prestonbourne
@prestonbourne 3 ай бұрын
Would love a more in depth series on this…it seems like it’s just a new syntax, what makes this one better?
@yashguma
@yashguma 9 ай бұрын
Instant subscribe
@visionary_3_d
@visionary_3_d 9 ай бұрын
Thanks
@sanazesna8590
@sanazesna8590 9 ай бұрын
Perfect
@cazpj
@cazpj 8 ай бұрын
Which code editor you use?
@visionary_3_d
@visionary_3_d 8 ай бұрын
VsCode. With Vim.
@CoryTheSimmons
@CoryTheSimmons 10 ай бұрын
Can I plop this into React Native or Flutter?
@visionary_3_d
@visionary_3_d 10 ай бұрын
I have no idea. Probably not ( my guess ), because this is a fairly new API.
@johncastillo9782
@johncastillo9782 9 ай бұрын
What neovim setup are you using
@visionary_3_d
@visionary_3_d 9 ай бұрын
It’s a highly customised version of vscode.
@nikilk
@nikilk 6 ай бұрын
What are the practical applications of this from a web technology point of view ? Like building marketing webpages on the web ?
@visionary_3_d
@visionary_3_d 6 ай бұрын
Better, more complex experiences on the web. WebGPU has a massive potential for increasing compute power. This means that you're gonna be able to do many things faster (most of these things are graphics related). If you're interested you can search for Applications Of Compute Shaders. ( On Google )
@nikilk
@nikilk 6 ай бұрын
@@visionary_3_d can we write algorithmic functions and have them evaluated on the gpu using compute shaders ? If so it’s applications could extend beyond just graphics, provided there exists a performance benefit.
@cglike
@cglike 9 ай бұрын
4:10 Six ? Isn’t index buffer used to keep 4 ?
@visionary_3_d
@visionary_3_d 9 ай бұрын
You are correct! However I didn't want to make the explanation complicated. you can use the drawIndexed function in your renderpass in WebGPU to make that happen.
@Soulis98
@Soulis98 6 ай бұрын
Ok. But How can I learn WebGPU? Onlie curses, documentation, communities, etc. I''ll appreciate it someone could tell me where or how to start.
@visionary_3_d
@visionary_3_d 6 ай бұрын
Best way for now is to read the webgpu fundumentals series ( series of articles ). But I'm making new content on this so stay tuned for that...
@Achilles
@Achilles 10 ай бұрын
great vid
@visionary_3_d
@visionary_3_d 10 ай бұрын
Glad you liked it 😊
@UliTroyo
@UliTroyo 10 ай бұрын
I'm down! Let's learn some WebGPU. I have uses for it.
@danherzl
@danherzl 10 ай бұрын
thanks for the video! friend, where can I learn javascript? I want to focus on web design, create awesome websites similar to awwwards websites
@visionary_3_d
@visionary_3_d 10 ай бұрын
You learn by doing. Try to recreate the websites that you like. Start with easy ones. You'll learn javascript and every other thing you'll need along the way.
@tutkodev
@tutkodev 9 ай бұрын
How much easier would it be to start with the framework like Babylon.js instead of trying to understand the WebGPU technology?
@visionary_3_d
@visionary_3_d 9 ай бұрын
I have looked at babylon and here's my recommendation. Babylon is fantastic for creating more complex projects compared to raw WebGPU. However learning WebGPU first provides huge advantages in the long run, since you understand what's happening under the hood. I don't think it's that much easier to learn Babylon first, since the layer of abstraction that Babylon provides is thin, IMO.
@elvispalace
@elvispalace 5 ай бұрын
I'm lost. But, it's ok, I'm not a 3D developer. I really like this video
@muhammadsadri1872
@muhammadsadri1872 9 ай бұрын
Great
@truth-12345.
@truth-12345. 8 ай бұрын
Can we use TypeScript in it?
@visionary_3_d
@visionary_3_d 8 ай бұрын
Ofc.
@MichaelPohoreski
@MichaelPohoreski 9 ай бұрын
3:55 _The primitive topology type in 3D graphics is still a triangle._ *Shows house with quads.* /s
@visionary_3_d
@visionary_3_d 9 ай бұрын
Good find haha 😂
@disgruntledtoons
@disgruntledtoons 5 ай бұрын
The one drawback is that you start out saying that the viewer only needs to know JavaScript. Then the first piece of code we see is TypeScript. The two are not the same.
@visionary_3_d
@visionary_3_d 5 ай бұрын
Well, that's fair. To me they are the same. But I'll make sure I say "Typescript" in future videos.
@VaibhavShewale
@VaibhavShewale 9 ай бұрын
it would take lot of time to be adapted by everyone!
@visionary_3_d
@visionary_3_d 9 ай бұрын
True, but that applies to any new tech.
@ChimpanzeeUltra
@ChimpanzeeUltra 9 ай бұрын
6:09 - 16:32 What is that for?
@thanatosor
@thanatosor 10 ай бұрын
Wgsl look so much nicer than classic shader
@visionary_3_d
@visionary_3_d 10 ай бұрын
I agree. It is very rust like 😋
@ankk98
@ankk98 8 ай бұрын
subscribed
@visionary_3_d
@visionary_3_d 8 ай бұрын
Thanks
@r-i-ch
@r-i-ch 10 ай бұрын
Good content. (A few too many “We’ll talk about this/You’ll see about that in a moment” statements, but great topic!
@visionary_3_d
@visionary_3_d 10 ай бұрын
Haha. You’re right 😂
@tapendrashahi2097
@tapendrashahi2097 9 ай бұрын
Part 2 coming anytime soon?
@visionary_3_d
@visionary_3_d 9 ай бұрын
Yes, I'm on it already.
@animedreamz2009
@animedreamz2009 10 ай бұрын
Looks scary, all the group, and location stuff. Idk how hard is the transition from glsl
@visionary_3_d
@visionary_3_d 10 ай бұрын
It's not that difficult actually if you know glsl already. You'll have to try it tho to know...
@aleph0540
@aleph0540 8 ай бұрын
Triangles are the past old man! The future is circles!
@Reigh992
@Reigh992 8 ай бұрын
I dont understand, but I'm intrigued
@adriancoanda9227
@adriancoanda9227 7 ай бұрын
ypu can use also quadrants in shaders. it is easier in 3d
@guillaumenavion7649
@guillaumenavion7649 10 ай бұрын
Great video, thanks! I was just wondering what exactly are the advantages of WebGPU vs ThreeJS+WebGL ? In three you can declare the vertex and the fragment as strings in your js script and send them to a ShaderMaterial. It seems that the result with WebGPU will be quite the same, right? Performance, maybe? Thanks! :)
@visionary_3_d
@visionary_3_d 10 ай бұрын
Fantastic question. You are 99% right. Mostly what you can create with WebGPU vs WebGL are the same. There can be some advantages which I'll explain (these are my opinion): 1. Biggest one in my opinion is compute shaders. Compute shaders allow you to run you shader in parallel on the gpu but they're way more flexible and more general purposed than VS and FS shaders. Before, you could do what you can do in compute shaders in normal Fragment shaders, but that was much more difficult to do. So ease of use is a key factor. 2. IDK if you have worked with raw WegGL before. It's an ugly mess. WebGPU is a fantastic upgrade and has a way simpler API. 3. Better performance with having more control over how things work in your application. ( this requires you to know the WebGPU api well ) 4. WebGPU is built on top of Vulkan ( for windows ) and Metal ( for mac ) I beleive. Vulkan has some really nice features for Raytracing as far as I'm aware of and so, we're going to have a RayTracingPipeline further down the line. In terms of what you can build with it we're going to have more videos on the channel. so stay tuned 😃
@literallyshane4306
@literallyshane4306 9 ай бұрын
First off, great video, thank you! Secondly, I was thinking "this looks a lot like Metal" so interesting to see this confirmed. Thanks again. Looking forward to more videos@@visionary_3_d
8 ай бұрын
Wish this was in Flutter
@evgenymikheev4462
@evgenymikheev4462 9 ай бұрын
Great video, but you've lost me in the middle. Would be good to explain in more details for those who are brand new to shaders (like me)
@visionary_3_d
@visionary_3_d 9 ай бұрын
Thanks for the honest feedback. I agree that the explanation could've been a bit more beginner friendly for the second part of the video.
@waynr
@waynr 6 ай бұрын
This is the first time I've heard a fragment shader called a pixel shader. If the goal is to teach without confusion iwould stick with defining and using conventional terms.
@googlengineer
@googlengineer 9 ай бұрын
What about Web Mining with that GPU
@meandyours
@meandyours 7 ай бұрын
4:09 mathematically, it's still 4 vertices, but 6 edges
@visionary_3_d
@visionary_3_d 7 ай бұрын
That’s right 👍
@gubatenkov
@gubatenkov 7 ай бұрын
more videos please
@visionary_3_d
@visionary_3_d 7 ай бұрын
Roger that!
@szmarczak
@szmarczak 9 ай бұрын
alternative = substitution = replacement
@visionary_3_d
@visionary_3_d 9 ай бұрын
probably in 1-2 years...
@AvalancheGameArt
@AvalancheGameArt 9 ай бұрын
with 200+ ms of RTT, nice
@kjvisual7
@kjvisual7 10 ай бұрын
Thanks. Buy Yikes, we really have to wait for 1000 likes?
@visionary_3_d
@visionary_3_d 10 ай бұрын
Haha 😄 Don't worry, I'll make another video on WebGPU this next month anyways.
@yashguma
@yashguma 9 ай бұрын
👹 get ready for a new world
@andrewsolomon9877
@andrewsolomon9877 8 ай бұрын
Link based GPU Bombs incoming.
@judasthepious1499
@judasthepious1499 9 ай бұрын
next we can download more ram 😌
@mr_clean575
@mr_clean575 7 ай бұрын
a better alternative = replacement
@visionary_3_d
@visionary_3_d 7 ай бұрын
That's right 🤣 But better is always relative.
@mr_clean575
@mr_clean575 7 ай бұрын
@@visionary_3_d 😉
@hageldave
@hageldave 8 ай бұрын
so webgpu is simply full-fledged opengl?
@visionary_3_d
@visionary_3_d 8 ай бұрын
Something like that but better. Based on my experience at least.
@clonedmosquito
@clonedmosquito 9 ай бұрын
can you use some audio software to fix ur short tonque voice. voice shoud not limit your views.
@visionary_3_d
@visionary_3_d 9 ай бұрын
Oh thanks for the suggestion. However I didn't really understand what you meant here. Can you elaborate ?
@planktonfun1
@planktonfun1 9 ай бұрын
Its not compatible to all browser at this time sadly its good for prototypes but still not production ready
@visionary_3_d
@visionary_3_d 9 ай бұрын
True!
@matthewexline6589
@matthewexline6589 8 ай бұрын
Weird video. Talks vaguely about vulkan vs opengl vs webgl then suddenly it's shaders and programming. I mean, that's like giving a geography class like "here's your desk, here's the hallway, here's the bathroom,... out there, that's the Sun, and we're in the Milkay Way..." like bro you skipped all of the important stuff. Like for starters, where does WebGPU code even run? What are the options? Is it all in the browser? Can it be server-based? Can this be used for native mobile or desktop apps? Like really, you skipped literally all of the basics.
@visionary_3_d
@visionary_3_d 8 ай бұрын
Hmmm. You're actually right. Since I'm a developer I have the answers to all of those questions in my head already but for the viewer, those are important details. In my next video I'll mention these things. Thanks for the precious feedback.
@gcxs
@gcxs 8 ай бұрын
html gaming in the future
9 ай бұрын
I'm JS junior and i understand nothing ... 😅
@Anas_Alaqeel
@Anas_Alaqeel 8 ай бұрын
Javascript haters will pass out at this video
@kvn95ss
@kvn95ss 9 ай бұрын
So… instead of game installers we can have an electron app to play games? I guess that could be an application for it
@franciscocreatorstargazer6165
@franciscocreatorstargazer6165 9 ай бұрын
the voice over is ai?
@visionary_3_d
@visionary_3_d 9 ай бұрын
nope
@StefaNoneD
@StefaNoneD 9 ай бұрын
Vulkan is no replacement for OpenGL, because it competes in an another area; in the low level area. It's like saying that Assembly is a replacement for C++.
@visionary_3_d
@visionary_3_d 9 ай бұрын
Good point. I think I agree with you.
@FlareGunDebate
@FlareGunDebate 10 ай бұрын
you're beautiful. thank you.
@usher-p
@usher-p 10 ай бұрын
lol
@thegrandnil764
@thegrandnil764 7 ай бұрын
opengl is still commonly used my homie. Vulkan is a pain to use, and is only preffered by larger projects and engines.
@visionary_3_d
@visionary_3_d 7 ай бұрын
I agree 👌👌
@Rikonardo
@Rikonardo 7 ай бұрын
OpenGL (especially on latest versions) is good enough, but it still doesn't expose some specific modern GPU APIs. It's enough for 2d and basic 3d rendering, but when building a 3d game, you'd probably want to use various hardware acceleration APIs. Also, because OpenGL is considered legacy, modern GPUs are gradually dropping hardware implementations for some OpenGL-specific stuff, moving it to software driver implementations, using CPU to translate old OpenGL commands to a new format used by modern APIs
@GeorgePiskopanis
@GeorgePiskopanis 9 ай бұрын
"datas" hahahahahahahahahaha
@geelemo
@geelemo 10 ай бұрын
Not beginner friendly i got lost
@visionary_3_d
@visionary_3_d 10 ай бұрын
Which part ? WebGPU is not beginner friendly but I'll try to explain it better next time.
@r-i-ch
@r-i-ch 10 ай бұрын
@@visionary_3_dthis isn’t beginner material so don’t dumb it down too hard
@InteractiveDNA
@InteractiveDNA 9 ай бұрын
Amazing that Flash back in 2016 was doing this already but 1000% better. The web is really slow today, ugly websites and there is not more innovations because there is an app for that. In 2023 and this is what we get?
@visionary_3_d
@visionary_3_d 9 ай бұрын
In 2023 you're getting the foundation of the technology that's going to power AAA games in the future. ( This is just my opinion ) But I agree that flash was super cool back in the day and I also agree that there could be much more innovations in this space. My hope is that WebGPU is going to give us more power to make that happen.
@InteractiveDNA
@InteractiveDNA 9 ай бұрын
Back in 2006 I did things with Flash that no HTML5 and webGPU is capable today or tomorrow, the problem is that innovations on the web died with flash, today ALL websites takes forever to load, ugly, videos don't have Alpha, it is true mess. Websites are a thing from the past, Apps is here to replace websites because they are just used for data or text re-source. People did not know that Flash was a platform that you could create super fast applications in minutes vs months and it works 100% every time if you knoew how to use and code right (Just look at Fox news and CNN website, what a horrible experience with Ads all over and videos/ui that does not work in both PC and Mobile. And today we have very fast internet and every site takes forever to load@@visionary_3_d
@jedxu6960
@jedxu6960 9 ай бұрын
🎯 Key Takeaways for quick navigation: 00:00 🌐 Web GPU是现代3D应用程序历史上的一次革命,它为Web上的3D体验提供了全新的渲染API,让我们能够创建原生般的游戏。 01:06 🚀 Web GPU是WebGL的替代品,更加优雅、简单和高性能。 02:17 🎮 Shaders在Web GPU渲染中起着至关重要的作用,有像像素着色器、顶点着色器等多种类型的着色器,用于渲染不同的对象。 05:15 📡 Web GPU中的CPU和GPU之间通过指令传递数据,这个系统称为"管道",其中包括Uniforms,Uniforms是在着色器之间共享的数据。 11:53 🖥️ 使用Web GPU编写着色器代码时,需要了解wgsl(Web GPU的着色器语言)的基本结构,包括顶点着色器和片段着色器的编写方式。 Made with HARPA AI
@TekExplorer
@TekExplorer 9 ай бұрын
I am a little concerned though. so far, all websites/web games have been usable on anything that can run a browser. With this, some sites/games will now care what hardware you have.
@visionary_3_d
@visionary_3_d 9 ай бұрын
That is correct. Some games will prioritize stability and performance across all devices, while some won't.
@stefantomas
@stefantomas 8 ай бұрын
Video would have been better if your mic wasn’t so loud. It sounds as if it was boosted to the max and it’s unnecessary. Good content otherwise.
@visionary_3_d
@visionary_3_d 8 ай бұрын
Got it. Thanks for the feedback!
@jojolafrite90
@jojolafrite90 8 ай бұрын
Oh, good. It's open source, of course, it goes without saying, right? Because you know, OPEN gl has OPEN in the name, and that's why it was much better than whatever this is. So weird that he literally does not even mention under what kind of licence it is. Or what corporations want to make this standard and why they really want it. It's M1cr0s0ft, Mozilla, Google and I don't remember the other one. Less under commercial licence crappy standardized crap, and more open source things and less standardized, please.
WebGPU :: Javascript at the speed of Light
20:02
Visionary 3D
Рет қаралды 79 М.
What is WebGPU?
14:09
Suboptimal Engineer
Рет қаралды 60 М.
WHAT’S THAT?
00:27
Natan por Aí
Рет қаралды 13 МЛН
Heartwarming moment as priest rescues ceremony with kindness #shorts
00:33
Fabiosa Best Lifehacks
Рет қаралды 38 МЛН
Best KFC Homemade For My Son #cooking #shorts
00:58
BANKII
Рет қаралды 58 МЛН
Cat Corn?! 🙀 #cat #cute #catlover
00:54
Stocat
Рет қаралды 16 МЛН
Introduction to shaders: Learn the basics!
34:50
Barney Codes
Рет қаралды 304 М.
[03] WebGL Tutorial - Intro to 3D
35:46
Indigo Code
Рет қаралды 682
WebGPU and AI
18:49
W3C
Рет қаралды 521
WebGPU :: Creating a Raytracer with Bloom
12:58
Visionary 3D
Рет қаралды 6 М.
The purest coding style, where bugs are near impossible
10:25
Coderized
Рет қаралды 917 М.
So You Think You Know Git - FOSDEM 2024
47:00
GitButler
Рет қаралды 1 МЛН
A proper look at WebGPU for native games
34:58
Madrigal
Рет қаралды 43 М.
When Your Game Is Bad But Your Optimisation Is Genius
8:52
Vercidium
Рет қаралды 1,4 МЛН
How do Video Game Graphics Work?
21:00
Branch Education
Рет қаралды 3,4 МЛН
WHAT’S THAT?
00:27
Natan por Aí
Рет қаралды 13 МЛН