https://redcamel.github.io/webgpu/

WebGPU Samples & RnD
https://redcamel.github.io/webgpu/

demo tutorial webgpu

Last synced: 5 days ago
JSON representation

WebGPU Samples & RnD

• Host: GitHub
• URL: https://redcamel.github.io/webgpu/
• Owner: redcamel
• License: mit
• Created: 2019-11-07T07:24:18.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-04-03T06:12:54.000Z (7 months ago)
• Last Synced: 2024-08-02T06:15:27.590Z (3 months ago)
• Topics: demo, tutorial, webgpu
• Language: JavaScript
• Homepage:
• Size: 34.5 MB
• Stars: 75
• Watchers: 5
• Forks: 13
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-webgpu - WebGPU study - by [Redcamel](https://github.com/redcamel) - [repository](https://github.com/redcamel/webgpu) (Demos / Try out WebGPU)

README

        
It is no longer managed.

# WebGPU study

These study samples run in Chrome Canary() behind the flag --enable-unsafe-webgpu.

# github

- [go github](https://github.com/redcamel/webgpu)

 

# study example

- ## WGSL Version

  - ### basic

      - [SampleHelloWorld](https://redcamel.github.io/webgpu/build/index.html?idx=0)

      - [SampleVertexBuffer](https://redcamel.github.io/webgpu/build/index.html?idx=1)

      - [SampleTransform](https://redcamel.github.io/webgpu/build/index.html?idx=2)

      - [SampleAttribute](https://redcamel.github.io/webgpu/build/index.html?idx=3)

      - [SampleTexture](https://redcamel.github.io/webgpu/build/index.html?idx=4)

      - [SampleSimpleLight](https://redcamel.github.io/webgpu/build/index.html?idx=5)

      - [SampleMultiObjectRender](https://redcamel.github.io/webgpu/build/index.html?idx=6)

      - [SampleIndexBuffer](https://redcamel.github.io/webgpu/build/index.html?idx=7)

      - TODO - PostEffect Sample

      - TODO - Mipmap Sample

      - TODO - CubeMap Sample

      - TODO - Compute Sample

      - TODO - Multi bindGroupLayout Sample

      - TODO - Antialiasing Sample

  

- ## Old GLSL Version

  - ### basic

      - [hello world](https://redcamel.github.io/webgpu/old_glsl_rnd/001_helloworld)

      - [uniform](https://redcamel.github.io/webgpu/old_glsl_rnd/002_transform)

      - [attribute](https://redcamel.github.io/webgpu/old_glsl_rnd/003_attribute)

      - [use multiply bindGroupLayout](https://redcamel.github.io/webgpu/old_glsl_rnd/009_multi_BindGroupLayout)

  - ### Texture

      - [basic texture](https://redcamel.github.io/webgpu/old_glsl_rnd/004_texture)

          - [clamp-to-edge](https://redcamel.github.io/webgpu/old_glsl_rnd/004_texture/clamp-to-edge)

          - [mirror-repeat](https://redcamel.github.io/webgpu/old_glsl_rnd/004_texture/mirror-repeat)

          - [repeat](https://redcamel.github.io/webgpu/old_glsl_rnd/004_texture/repeat)

          - [generateMipmap](https://redcamel.github.io/webgpu/old_glsl_rnd/012_mipmap)

          - [generateCubeMap](https://redcamel.github.io/webgpu/old_glsl_rnd/013_cubemap)

  - ### multiple draw

      - [draw multiple object - one buffer](https://redcamel.github.io/webgpu/old_glsl_rnd/005_multiObject)

      - [draw multiple object - individual buffer](https://redcamel.github.io/webgpu/old_glsl_rnd/005_multiObject2)

      - [instancing](https://redcamel.github.io/webgpu/old_glsl_rnd/008_instancing)

  - ### IndexBuffer

      - [indexBuffer - use drawIndexed](https://redcamel.github.io/webgpu/old_glsl_rnd/006_indexBuffer)

  - ### Lighting

      - [simple light test](https://redcamel.github.io/webgpu/old_glsl_rnd/007_simpleLight)

      - [simple light test2](https://redcamel.github.io/webgpu/old_glsl_rnd/011_simple_defferd_light)

  - ### Deferred

      - [simple Deferred](https://redcamel.github.io/webgpu/old_glsl_rnd/011_simple_defferd)

  - ### PostEffect

      - [simple PostEffect](https://redcamel.github.io/webgpu/old_glsl_rnd/010_postEffect)

  - ### Compute

      - [simple PostEffect](https://redcamel.github.io/webgpu/old_glsl_rnd/14_compute)

  

# RedGPU engine 

   - [RedGPU - github](https://github.com/redcamel/RedGPU)