├── .gitignore ├── .vscode └── extensions.json ├── LICENSE ├── deploy.sh ├── index.html ├── logo_new.png ├── package.json ├── public ├── sprites.webp ├── texture.png ├── texture.webp └── video.mp4 ├── readme.md ├── samples ├── basicLights.html ├── basicTriangle.html ├── basicTriangleMSAA.html ├── canvasTexture.html ├── colorTriangle.html ├── cubes.html ├── cubesDynamicOffsets.html ├── cubesInstance.html ├── cubesOffsets.html ├── cubesRenderBundle.html ├── gpuCompute.html ├── gpuParticles.html ├── helloWebgpu.html ├── imageTexture.html ├── rotatingCube.html ├── shadowMapping.html ├── spriteTexture.html └── videoTexture.html ├── src ├── basicLights.ts ├── basicTriangle.ts ├── basicTriangleMSAA.ts ├── canvasTexture.ts ├── colorTriangle.ts ├── cubes.ts ├── cubesDynamicOffsets.ts ├── cubesInstance.ts ├── cubesOffsets.ts ├── cubesRenderBundle.ts ├── gpuCompute.ts ├── gpuParticles.ts ├── helloWebgpu.ts ├── imageTexture.ts ├── rotatingCube.ts ├── shaders │ ├── basic.instanced.vert.wgsl │ ├── basic.vert.wgsl │ ├── color.frag.wgsl │ ├── compute.position.wgsl │ ├── compute.transform.wgsl │ ├── imageTexture.frag.wgsl │ ├── lambert.frag.wgsl │ ├── normal.vert.wgsl │ ├── position.frag.wgsl │ ├── position.vert.wgsl │ ├── red.frag.wgsl │ ├── shadow.frag.wgsl │ ├── shadow.vertex.wgsl │ ├── shadowDepth.wgsl │ ├── spriteTexture.frag.wgsl │ ├── triangle.vert.wgsl │ └── videoTexture.frag.wgsl ├── shadowMapping.ts ├── spriteTexture.ts ├── util │ ├── box.ts │ ├── cube.ts │ ├── math.ts │ ├── sphere.ts │ └── triangle.ts └── videoTexture.ts ├── tsconfig.json ├── vite.config.github.js └── vite.config.js /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/.gitignore -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/.vscode/extensions.json -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/LICENSE -------------------------------------------------------------------------------- /deploy.sh: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/deploy.sh -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/index.html -------------------------------------------------------------------------------- /logo_new.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/logo_new.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/package.json -------------------------------------------------------------------------------- /public/sprites.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/public/sprites.webp -------------------------------------------------------------------------------- /public/texture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/public/texture.png -------------------------------------------------------------------------------- /public/texture.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/public/texture.webp -------------------------------------------------------------------------------- /public/video.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/public/video.mp4 -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/readme.md -------------------------------------------------------------------------------- /samples/basicLights.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/basicLights.html -------------------------------------------------------------------------------- /samples/basicTriangle.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/basicTriangle.html -------------------------------------------------------------------------------- /samples/basicTriangleMSAA.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/basicTriangleMSAA.html -------------------------------------------------------------------------------- /samples/canvasTexture.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/canvasTexture.html -------------------------------------------------------------------------------- /samples/colorTriangle.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/colorTriangle.html -------------------------------------------------------------------------------- /samples/cubes.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/cubes.html -------------------------------------------------------------------------------- /samples/cubesDynamicOffsets.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/cubesDynamicOffsets.html -------------------------------------------------------------------------------- /samples/cubesInstance.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/cubesInstance.html -------------------------------------------------------------------------------- /samples/cubesOffsets.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/cubesOffsets.html -------------------------------------------------------------------------------- /samples/cubesRenderBundle.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/cubesRenderBundle.html -------------------------------------------------------------------------------- /samples/gpuCompute.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/gpuCompute.html -------------------------------------------------------------------------------- /samples/gpuParticles.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/gpuParticles.html -------------------------------------------------------------------------------- /samples/helloWebgpu.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/helloWebgpu.html -------------------------------------------------------------------------------- /samples/imageTexture.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/imageTexture.html -------------------------------------------------------------------------------- /samples/rotatingCube.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/rotatingCube.html -------------------------------------------------------------------------------- /samples/shadowMapping.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/shadowMapping.html -------------------------------------------------------------------------------- /samples/spriteTexture.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/spriteTexture.html -------------------------------------------------------------------------------- /samples/videoTexture.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/samples/videoTexture.html -------------------------------------------------------------------------------- /src/basicLights.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/basicLights.ts -------------------------------------------------------------------------------- /src/basicTriangle.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/basicTriangle.ts -------------------------------------------------------------------------------- /src/basicTriangleMSAA.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/basicTriangleMSAA.ts -------------------------------------------------------------------------------- /src/canvasTexture.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/canvasTexture.ts -------------------------------------------------------------------------------- /src/colorTriangle.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/colorTriangle.ts -------------------------------------------------------------------------------- /src/cubes.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/cubes.ts -------------------------------------------------------------------------------- /src/cubesDynamicOffsets.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/cubesDynamicOffsets.ts -------------------------------------------------------------------------------- /src/cubesInstance.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/cubesInstance.ts -------------------------------------------------------------------------------- /src/cubesOffsets.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/cubesOffsets.ts -------------------------------------------------------------------------------- /src/cubesRenderBundle.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/cubesRenderBundle.ts -------------------------------------------------------------------------------- /src/gpuCompute.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/gpuCompute.ts -------------------------------------------------------------------------------- /src/gpuParticles.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/gpuParticles.ts -------------------------------------------------------------------------------- /src/helloWebgpu.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/helloWebgpu.ts -------------------------------------------------------------------------------- /src/imageTexture.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/imageTexture.ts -------------------------------------------------------------------------------- /src/rotatingCube.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/rotatingCube.ts -------------------------------------------------------------------------------- /src/shaders/basic.instanced.vert.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/basic.instanced.vert.wgsl -------------------------------------------------------------------------------- /src/shaders/basic.vert.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/basic.vert.wgsl -------------------------------------------------------------------------------- /src/shaders/color.frag.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/color.frag.wgsl -------------------------------------------------------------------------------- /src/shaders/compute.position.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/compute.position.wgsl -------------------------------------------------------------------------------- /src/shaders/compute.transform.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/compute.transform.wgsl -------------------------------------------------------------------------------- /src/shaders/imageTexture.frag.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/imageTexture.frag.wgsl -------------------------------------------------------------------------------- /src/shaders/lambert.frag.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/lambert.frag.wgsl -------------------------------------------------------------------------------- /src/shaders/normal.vert.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/normal.vert.wgsl -------------------------------------------------------------------------------- /src/shaders/position.frag.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/position.frag.wgsl -------------------------------------------------------------------------------- /src/shaders/position.vert.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/position.vert.wgsl -------------------------------------------------------------------------------- /src/shaders/red.frag.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/red.frag.wgsl -------------------------------------------------------------------------------- /src/shaders/shadow.frag.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/shadow.frag.wgsl -------------------------------------------------------------------------------- /src/shaders/shadow.vertex.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/shadow.vertex.wgsl -------------------------------------------------------------------------------- /src/shaders/shadowDepth.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/shadowDepth.wgsl -------------------------------------------------------------------------------- /src/shaders/spriteTexture.frag.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/spriteTexture.frag.wgsl -------------------------------------------------------------------------------- /src/shaders/triangle.vert.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/triangle.vert.wgsl -------------------------------------------------------------------------------- /src/shaders/videoTexture.frag.wgsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shaders/videoTexture.frag.wgsl -------------------------------------------------------------------------------- /src/shadowMapping.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/shadowMapping.ts -------------------------------------------------------------------------------- /src/spriteTexture.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/spriteTexture.ts -------------------------------------------------------------------------------- /src/util/box.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/util/box.ts -------------------------------------------------------------------------------- /src/util/cube.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/util/cube.ts -------------------------------------------------------------------------------- /src/util/math.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/util/math.ts -------------------------------------------------------------------------------- /src/util/sphere.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/util/sphere.ts -------------------------------------------------------------------------------- /src/util/triangle.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/util/triangle.ts -------------------------------------------------------------------------------- /src/videoTexture.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/src/videoTexture.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/tsconfig.json -------------------------------------------------------------------------------- /vite.config.github.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/vite.config.github.js -------------------------------------------------------------------------------- /vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Orillusion/orillusion-webgpu-samples/HEAD/vite.config.js --------------------------------------------------------------------------------