From 0 to glTF with WebGPU: Basic Materials and Textures (opens in new tab)

(willusher.io)

52 pointsTwinklebear2y ago12 comments

12 comments

if that is his actual name, he should promptly grab himself a new web domain in India that will usher in a new world of spectacular 3d graphics

robertlagrant2y ago

I see what you did there.

dusted2y ago

It's quite impressive how many more lines of javascript and shading is required to show this in a browser, than it requires to bring a window on the screen and show a texture on it using plain C.

pjmlp2y ago

Tell us that you never used Vulkan, without telling us.

ramon1562y ago

You're saying vulkan isn't using thousands of lines under the hood?

T_MacThrowFace2y ago

only if you look past the uncount(ed|able) lines of plain C it would take to make it usable on any device, by everyone with a web browser

shiandow2y ago

Except for the people using firefox (stable), or any mobile device.

With freeglut it's fairly doable to make a version that has wider support than this webpage. Though I definitely prefer this post's syntax to OpenGL.

Not sure if that matters though, given that this is clearly meant as a tutorial for WebGPU, but there's still a ways to go before WebGPU can claim to have broad support.

pjmlp2y ago

Only if using legacy pre-OpenGL Core profile, in terms of lines of code, to come back to original point of this thread.

Additionally, while I tend to bash WebGL and WebGPU lagging behind native counterparts, they are great in one thing, being 3D APIs designed specifically for managed languages.

Also Firefox does WebGL, and if they would have used Threejs or BabylonJS, it would be used instead.

nox1012y ago

Show us ... I think you'll find you're wrong

dusted2y ago

Hm, does this count? https://github.com/DusteDdk/bounceball/blob/master/main.cpp

Jasper_2y ago

Kinda. SDL_renderer is a level on top of the raw GPU API, which is what WebGPU is targeted at. Feel free to use Canvas2DRenderingContext or any other rendering libraries (e.g. Phaser, Pixi.js) to achieve a similar line count to what you're seeing with SDL_renderer.

Also, you might struggle to implement glTF and PBR materials with the same line count with SDL_renderer.

nox1012y ago

no, no rendering code is shown. The code is calling into some class called Ball whuch itself is using a library. if you're going to rely on a library then there are plenty of js libraries that will abstract to few lines or you could even use canvas 2d

j / k navigate · click thread line to collapse

12 comments

T_MacThrowFace2y ago

if that is his actual name, he should promptly grab himself a new web domain in India that will usher in a new world of spectacular 3d graphics

robertlagrant2y ago

I see what you did there.

dusted2y ago

It's quite impressive how many more lines of javascript and shading is required to show this in a browser, than it requires to bring a window on the screen and show a texture on it using plain C.

pjmlp2y ago

Tell us that you never used Vulkan, without telling us.

ramon1562y ago

You're saying vulkan isn't using thousands of lines under the hood?

T_MacThrowFace2y ago

only if you look past the uncount(ed|able) lines of plain C it would take to make it usable on any device, by everyone with a web browser

shiandow2y ago

Except for the people using firefox (stable), or any mobile device.

With freeglut it's fairly doable to make a version that has wider support than this webpage. Though I definitely prefer this post's syntax to OpenGL.

Not sure if that matters though, given that this is clearly meant as a tutorial for WebGPU, but there's still a ways to go before WebGPU can claim to have broad support.

pjmlp2y ago

Only if using legacy pre-OpenGL Core profile, in terms of lines of code, to come back to original point of this thread.

Additionally, while I tend to bash WebGL and WebGPU lagging behind native counterparts, they are great in one thing, being 3D APIs designed specifically for managed languages.

Also Firefox does WebGL, and if they would have used Threejs or BabylonJS, it would be used instead.

nox1012y ago

Show us ... I think you'll find you're wrong

dusted2y ago

Hm, does this count? https://github.com/DusteDdk/bounceball/blob/master/main.cpp

Jasper_2y ago

Also, you might struggle to implement glTF and PBR materials with the same line count with SDL_renderer.

nox1012y ago

j / k navigate · click thread line to collapse