feat(core): add option to use WebGPURenderer

[kekkorider]

This feature adds a webGPU parameter to TresCanvas which determines what renderer to use, whether the WebGLRenderer or WebGPURenderer, allowing people to use new techs like TSL.

At the moment this feature is broken as soon as I import the WebGPURenderer, it returns the following error:

✘ [ERROR] Top-level await is not available in the configured target environment ("chrome87", "edge88", "es2020", "firefox78", "safari14" + 2 overrides)

    ../node_modules/.pnpm/[email protected]/node_modules/three/examples/jsm/capabilities/WebGPU.js:14:15:
      14 │   isAvailable = await navigator.gpu.requestAdapter();

The error can be seen by uncommenting this line.

I tried fixing it with the vite-plugin-top-level-await plugin but unfortunately no luck,

I assume there's some configuration somewhere I'm not aware of that I should override.

[netlify]

✅ Deploy Preview for tresjs-docs ready!

Name	Link
🔨 Latest commit	dba3cd3
🔍 Latest deploy log	https://app.netlify.com/sites/tresjs-docs/deploys/66c5ce997a1d0300080483c2
😎 Deploy Preview	https://deploy-preview-787--tresjs-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[alvarosabu]

cc @andretchen0

[pkg-pr-new]

commit: dba3cd3

pnpm add https://pkg.pr.new/@tresjs/core@787

Open in Stackblitz