Add PlayCanvas WebGPU sample

Author: cx20

README.md

@@ -14,5 +14,5 @@ Test of WebGPU
 |[RedGPU](https://github.com/redcamel/RedGPU)                                                                                                                    |[Link](https://cx20.github.io/webgpu-test/examples/redgpu/triangle/index.html)               |[Link](https://cx20.github.io/webgpu-test/examples/redgpu/square/index.html)                  |[Link](https://cx20.github.io/webgpu-test/examples/redgpu/cube/index.html)                |[Link](https://cx20.github.io/webgpu-test/examples/redgpu/texture/index.html)           |[Link](https://cx20.github.io/webgpu-test/examples/redgpu/teapot/index.html)             |                                                                                    |                                                                                    |
 |[three.js](https://github.com/mrdoob/three.js/) (using [TSL](https://github.com/mrdoob/three.js/wiki/Three.js-Shading-Language))                                |[Link](https://cx20.github.io/webgpu-test/examples/threejs/triangle/index.html)              |[Link](https://cx20.github.io/webgpu-test/examples/threejs/square/index.html)                 |[Link](https://cx20.github.io/webgpu-test/examples/threejs/cube/index.html)               |[Link](https://cx20.github.io/webgpu-test/examples/threejs/texture/index.html)          |[Link](https://cx20.github.io/webgpu-test/examples/threejs/teapot/index.html)            |[Link](https://cx20.github.io/webgpu-test/examples/threejs/primitive/index.html)    |[Link](https://cx20.github.io/webgpu-test/examples/threejs/complex/index.html)      |
 |[Hilo3d](https://github.com/06wj/WebGPU-Playground)                                                                                                             |[Link](https://cx20.github.io/webgpu-test/examples/hilo3d/triangle/index.html)               |[Link](https://cx20.github.io/webgpu-test/examples/hilo3d/square/index.html)                  |[Link](https://cx20.github.io/webgpu-test/examples/hilo3d/cube/index.html)                |                                                                                        |                                                                                         |                                                                                    |                                                                                    |
-|[PlayCanvas](https://github.com/playcanvas/engine/tree/main/src/platform/graphics/webgpu)                                                                       |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/triangle/index.html)           |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/square/index.html)              |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/cube/index.html)            |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/texture/index.html)       |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/teapot/index.html)         |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/primitive/index.html) |                                                                                    |
+|[PlayCanvas](https://github.com/playcanvas/engine/tree/main/src/platform/graphics/webgpu)                                                                       |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/triangle/index.html)           |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/square/index.html)              |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/cube/index.html)            |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/texture/index.html)       |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/teapot/index.html)         |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/primitive/index.html) |[Link](https://cx20.github.io/webgpu-test/examples/playcanvas/complex/index.html) (WIP) |
 |[Rhodonite](https://github.com/actnwit/RhodoniteTS)                                                                                                             |[Link](https://cx20.github.io/webgpu-test/examples/rhodonite/triangle/index.html)            |[Link](https://cx20.github.io/webgpu-test/examples/rhodonite/square/index.html)               |[Link](https://cx20.github.io/webgpu-test/examples/rhodonite/cube/index.html)             |[Link](https://cx20.github.io/webgpu-test/examples/rhodonite/texture/index.html)        |[Link](https://cx20.github.io/webgpu-test/examples/rhodonite/teapot/index.html)          |[Link](https://cx20.github.io/webgpu-test/examples/rhodonite/primitive/index.html)  |[Link](https://cx20.github.io/webgpu-test/examples/rhodonite/complex/index.html)    |

examples/playcanvas/complex/index.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>[WIP][WebGPU] Testing Complex sample Using PlayCanvas</title>
+  <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+<!-- Since import maps are not yet supported by all browsers, its is
+    necessary to add the polyfill es-module-shims.js -->
+<script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
+
+<script type="importmap">
+    {
+        "imports": {
+            "playcanvas": "https://cx20.github.io/gltf-test/libs/playcanvas/v2.5.0/playcanvas-stable.min.mjs",
+            "camera-controls": "https://cx20.github.io/gltf-test/libs/playcanvas/v2.5.0/camera-controls.mjs",
+            "dat.gui": "https://cx20.github.io/gltf-test/libs/common/dat.gui.module.js"
+        }
+    }
+</script>
+
+<canvas id="application"></canvas>
+<script type="module" src="index.js"></script>
+</body>
+</html>