Skip to content
This repository has been archived by the owner on Feb 10, 2023. It is now read-only.

Reg WebGPU examples missing in storybook #121

Open
gmanojisaac opened this issue May 13, 2022 · 4 comments
Open

Reg WebGPU examples missing in storybook #121

gmanojisaac opened this issue May 13, 2022 · 4 comments
Labels
enhancement New feature or request

Comments

@gmanojisaac
Copy link

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

Thanks..

@nartc
Copy link
Owner

nartc commented May 13, 2022

@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

@IRobot1
Copy link
Contributor

IRobot1 commented May 14, 2022

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.

@gmanojisaac
Copy link
Author

gmanojisaac commented May 15, 2022

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..

@nartc nartc added the enhancement New feature or request label May 15, 2022
@nartc
Copy link
Owner

nartc commented May 15, 2022

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants