angular-three icon indicating copy to clipboard operation
angular-three copied to clipboard

Published 20 hours ago • verified publisher icon nartc

Reg WebGPU examples missing in storybook

Open gmanojisaac opened this issue 2 years ago • 4 comments

Sir.. can we expect any examples from angularthree using threejs webGPU support??

Thanks..

gmanojisaac avatar May 13 '22 11:05 gmanojisaac

@gmanojisaac can you give me an example of WebGPU? either in React Three Fiber or vanilla THREE.js? I'll find some time to convert it over to Angular Three

nartc avatar May 13 '22 13:05 nartc

From my understanding, this will require the Canvas to use WebGpuRenderer instead of WebGLRender2. Also, support is limited to Firefox and Safari browsers for now, until its more widely adopted.

IRobot1 avatar May 14 '22 12:05 IRobot1

Sir.. Based on youtube video from google titled - Next-Generation 3D Graphics on the Web (Google I/O ’19)

WebGL does not have capability to use shared memory found in latest GPU in mobile/desktop since the architecture of webgl was based on old gpu of 1990s. image

Latest GPUs have shared memory so new renderer architecture of WEBGPU is based on it image

and it shows in performance..(6.2x) image

WebGPU is available for now in Chrome Canary on desktop behind an experimental flag. You can enable it at chrome://flags/#enable-unsafe-webgpu --https://web.dev/gpu-compute/

Threejs site examples page can be searched with 'webGPU' yields lot of results -- like example (https://github.com/mrdoob/three.js/tree/master/examples)/webgpu_compute.html)

Thanks..

gmanojisaac avatar May 15 '22 07:05 gmanojisaac

Let's keep this one open for now. I think it's still too early for implementing this in Angular Three, or any of the wrapper/renderer around THREE.js

nartc avatar May 15 '22 08:05 nartc