├── .gitignore ├── Lesson0_Whole_new_start ├── Code │ ├── .babelrc │ ├── .gitignore │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── app.ts │ │ ├── index.html │ │ └── main.ts │ ├── tsconfig.json │ └── vite.config.js └── Tutorial │ └── Lesson0_Whole_new_start.md ├── Lesson1_Triangle_and_square ├── Code │ ├── .babelrc │ ├── .gitignore │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── app.ts │ │ ├── index.html │ │ ├── main.ts │ │ └── shader │ │ │ ├── fragment.wgsl.ts │ │ │ └── vertex.wgsl.ts │ ├── tsconfig.json │ └── vite.config.js ├── Tutorial │ ├── Lesson1_Triangle_and_square.md │ └── image │ │ ├── 3ds_max_nitrous_software_renderer.png │ │ ├── edge3.png │ │ ├── gpu_compute.png │ │ ├── lesson1_result.png │ │ ├── nvidia_control_panel.png │ │ ├── nvidia_display_card.jpg │ │ ├── nvidia_wechat.jpg │ │ ├── only_triangle.png │ │ └── windows_hardware_manager.png └── package-lock.json ├── Lesson2_Add_Color ├── Code │ ├── .babelrc │ ├── .gitignore │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── app.ts │ │ ├── index.html │ │ ├── main.ts │ │ └── shader │ │ │ ├── fragment.wgsl.ts │ │ │ └── vertex.wgsl.ts │ ├── tsconfig.json │ └── vite.config.js └── Tutorial │ ├── Lesson2_Add_colors.md │ └── image │ ├── gta5_out_of_memory.jpg │ └── lesson2_add_colors.png ├── Lesson3_Animate ├── Code │ ├── .babelrc │ ├── .gitignore │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── app.ts │ │ ├── index.html │ │ ├── main.ts │ │ └── shader │ │ │ ├── fragment.wgsl.ts │ │ │ └── vertex.wgsl.ts │ ├── tsconfig.json │ └── vite.config.js └── Tutorial │ ├── Lesson3_Animate.md │ └── image │ └── animate.gif ├── Lesson4_Someting_real_3D └── Code │ ├── .babelrc │ ├── .gitignore │ ├── package-lock.json │ ├── package.json │ ├── src │ ├── app.ts │ ├── index.html │ ├── main.ts │ └── shader │ │ ├── fragment.wgsl.ts │ │ └── vertex.wgsl.ts │ ├── tsconfig.json │ └── vite.config.js ├── Lesson5_Texture └── Code │ ├── .babelrc │ ├── .gitignore │ ├── package-lock.json │ ├── package.json │ ├── src │ ├── app.ts │ ├── image.d.ts │ ├── index.html │ ├── main.ts │ ├── shader │ │ ├── fragment.wgsl.ts │ │ └── vertex.wgsl.ts │ └── texture │ │ └── nehe.gif │ ├── tsconfig.json │ └── vite.config.js ├── Lesson6_Interactive_and_texture_filter └── Code │ ├── .babelrc │ ├── .gitignore │ ├── package-lock.json │ ├── package.json │ ├── src │ ├── app.ts │ ├── image.d.ts │ ├── index.html │ ├── main.ts │ ├── shader │ │ ├── fragment.wgsl.ts │ │ └── vertex.wgsl.ts │ └── texture │ │ └── crate.gif │ ├── tsconfig.json │ └── vite.config.js ├── Lesson7_Directional_light_and_ambient_light └── Code │ ├── .babelrc │ ├── .gitignore │ ├── package-lock.json │ ├── package.json │ ├── src │ ├── app.ts │ ├── image.d.ts │ ├── index.html │ ├── main.ts │ ├── shader │ │ ├── fragment.glsl.ts │ │ └── vertex.glsl.ts │ └── texture │ │ └── crate.gif │ ├── tsconfig.json │ └── vite.config.js ├── LessonX_RenderBundle └── Code │ ├── .babelrc │ ├── .gitignore │ ├── package-lock.json │ ├── package.json │ ├── src │ ├── app.ts │ ├── index.html │ ├── main.ts │ └── shader │ │ ├── fragment.wgsl.ts │ │ └── vertex.wgsl.ts │ ├── tsconfig.json │ └── vite.config.js ├── README.md └── gpuweb-explainer ├── explainer.md └── figure1.svg /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/.gitignore -------------------------------------------------------------------------------- /Lesson0_Whole_new_start/Code/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson0_Whole_new_start/Code/.babelrc -------------------------------------------------------------------------------- /Lesson0_Whole_new_start/Code/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | /.cache -------------------------------------------------------------------------------- /Lesson0_Whole_new_start/Code/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson0_Whole_new_start/Code/package-lock.json -------------------------------------------------------------------------------- /Lesson0_Whole_new_start/Code/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson0_Whole_new_start/Code/package.json -------------------------------------------------------------------------------- /Lesson0_Whole_new_start/Code/src/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson0_Whole_new_start/Code/src/app.ts -------------------------------------------------------------------------------- /Lesson0_Whole_new_start/Code/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson0_Whole_new_start/Code/src/index.html -------------------------------------------------------------------------------- /Lesson0_Whole_new_start/Code/src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson0_Whole_new_start/Code/src/main.ts -------------------------------------------------------------------------------- /Lesson0_Whole_new_start/Code/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson0_Whole_new_start/Code/tsconfig.json -------------------------------------------------------------------------------- /Lesson0_Whole_new_start/Code/vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson0_Whole_new_start/Code/vite.config.js -------------------------------------------------------------------------------- /Lesson0_Whole_new_start/Tutorial/Lesson0_Whole_new_start.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson0_Whole_new_start/Tutorial/Lesson0_Whole_new_start.md -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Code/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Code/.babelrc -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Code/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Code/.gitignore -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Code/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Code/package-lock.json -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Code/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Code/package.json -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Code/src/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Code/src/app.ts -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Code/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Code/src/index.html -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Code/src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Code/src/main.ts -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Code/src/shader/fragment.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Code/src/shader/fragment.wgsl.ts -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Code/src/shader/vertex.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Code/src/shader/vertex.wgsl.ts -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Code/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Code/tsconfig.json -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Code/vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Code/vite.config.js -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Tutorial/Lesson1_Triangle_and_square.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Tutorial/Lesson1_Triangle_and_square.md -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Tutorial/image/3ds_max_nitrous_software_renderer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Tutorial/image/3ds_max_nitrous_software_renderer.png -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Tutorial/image/edge3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Tutorial/image/edge3.png -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Tutorial/image/gpu_compute.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Tutorial/image/gpu_compute.png -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Tutorial/image/lesson1_result.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Tutorial/image/lesson1_result.png -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Tutorial/image/nvidia_control_panel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Tutorial/image/nvidia_control_panel.png -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Tutorial/image/nvidia_display_card.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Tutorial/image/nvidia_display_card.jpg -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Tutorial/image/nvidia_wechat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Tutorial/image/nvidia_wechat.jpg -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Tutorial/image/only_triangle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Tutorial/image/only_triangle.png -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/Tutorial/image/windows_hardware_manager.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson1_Triangle_and_square/Tutorial/image/windows_hardware_manager.png -------------------------------------------------------------------------------- /Lesson1_Triangle_and_square/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "lockfileVersion": 1 3 | } 4 | -------------------------------------------------------------------------------- /Lesson2_Add_Color/Code/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Code/.babelrc -------------------------------------------------------------------------------- /Lesson2_Add_Color/Code/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Code/.gitignore -------------------------------------------------------------------------------- /Lesson2_Add_Color/Code/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Code/package-lock.json -------------------------------------------------------------------------------- /Lesson2_Add_Color/Code/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Code/package.json -------------------------------------------------------------------------------- /Lesson2_Add_Color/Code/src/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Code/src/app.ts -------------------------------------------------------------------------------- /Lesson2_Add_Color/Code/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Code/src/index.html -------------------------------------------------------------------------------- /Lesson2_Add_Color/Code/src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Code/src/main.ts -------------------------------------------------------------------------------- /Lesson2_Add_Color/Code/src/shader/fragment.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Code/src/shader/fragment.wgsl.ts -------------------------------------------------------------------------------- /Lesson2_Add_Color/Code/src/shader/vertex.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Code/src/shader/vertex.wgsl.ts -------------------------------------------------------------------------------- /Lesson2_Add_Color/Code/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Code/tsconfig.json -------------------------------------------------------------------------------- /Lesson2_Add_Color/Code/vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Code/vite.config.js -------------------------------------------------------------------------------- /Lesson2_Add_Color/Tutorial/Lesson2_Add_colors.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Tutorial/Lesson2_Add_colors.md -------------------------------------------------------------------------------- /Lesson2_Add_Color/Tutorial/image/gta5_out_of_memory.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Tutorial/image/gta5_out_of_memory.jpg -------------------------------------------------------------------------------- /Lesson2_Add_Color/Tutorial/image/lesson2_add_colors.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson2_Add_Color/Tutorial/image/lesson2_add_colors.png -------------------------------------------------------------------------------- /Lesson3_Animate/Code/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Code/.babelrc -------------------------------------------------------------------------------- /Lesson3_Animate/Code/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Code/.gitignore -------------------------------------------------------------------------------- /Lesson3_Animate/Code/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Code/package-lock.json -------------------------------------------------------------------------------- /Lesson3_Animate/Code/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Code/package.json -------------------------------------------------------------------------------- /Lesson3_Animate/Code/src/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Code/src/app.ts -------------------------------------------------------------------------------- /Lesson3_Animate/Code/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Code/src/index.html -------------------------------------------------------------------------------- /Lesson3_Animate/Code/src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Code/src/main.ts -------------------------------------------------------------------------------- /Lesson3_Animate/Code/src/shader/fragment.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Code/src/shader/fragment.wgsl.ts -------------------------------------------------------------------------------- /Lesson3_Animate/Code/src/shader/vertex.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Code/src/shader/vertex.wgsl.ts -------------------------------------------------------------------------------- /Lesson3_Animate/Code/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Code/tsconfig.json -------------------------------------------------------------------------------- /Lesson3_Animate/Code/vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Code/vite.config.js -------------------------------------------------------------------------------- /Lesson3_Animate/Tutorial/Lesson3_Animate.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Tutorial/Lesson3_Animate.md -------------------------------------------------------------------------------- /Lesson3_Animate/Tutorial/image/animate.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson3_Animate/Tutorial/image/animate.gif -------------------------------------------------------------------------------- /Lesson4_Someting_real_3D/Code/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson4_Someting_real_3D/Code/.babelrc -------------------------------------------------------------------------------- /Lesson4_Someting_real_3D/Code/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson4_Someting_real_3D/Code/.gitignore -------------------------------------------------------------------------------- /Lesson4_Someting_real_3D/Code/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson4_Someting_real_3D/Code/package-lock.json -------------------------------------------------------------------------------- /Lesson4_Someting_real_3D/Code/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson4_Someting_real_3D/Code/package.json -------------------------------------------------------------------------------- /Lesson4_Someting_real_3D/Code/src/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson4_Someting_real_3D/Code/src/app.ts -------------------------------------------------------------------------------- /Lesson4_Someting_real_3D/Code/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson4_Someting_real_3D/Code/src/index.html -------------------------------------------------------------------------------- /Lesson4_Someting_real_3D/Code/src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson4_Someting_real_3D/Code/src/main.ts -------------------------------------------------------------------------------- /Lesson4_Someting_real_3D/Code/src/shader/fragment.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson4_Someting_real_3D/Code/src/shader/fragment.wgsl.ts -------------------------------------------------------------------------------- /Lesson4_Someting_real_3D/Code/src/shader/vertex.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson4_Someting_real_3D/Code/src/shader/vertex.wgsl.ts -------------------------------------------------------------------------------- /Lesson4_Someting_real_3D/Code/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson4_Someting_real_3D/Code/tsconfig.json -------------------------------------------------------------------------------- /Lesson4_Someting_real_3D/Code/vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson4_Someting_real_3D/Code/vite.config.js -------------------------------------------------------------------------------- /Lesson5_Texture/Code/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson5_Texture/Code/.babelrc -------------------------------------------------------------------------------- /Lesson5_Texture/Code/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson5_Texture/Code/.gitignore -------------------------------------------------------------------------------- /Lesson5_Texture/Code/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson5_Texture/Code/package-lock.json -------------------------------------------------------------------------------- /Lesson5_Texture/Code/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson5_Texture/Code/package.json -------------------------------------------------------------------------------- /Lesson5_Texture/Code/src/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson5_Texture/Code/src/app.ts -------------------------------------------------------------------------------- /Lesson5_Texture/Code/src/image.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.gif'; -------------------------------------------------------------------------------- /Lesson5_Texture/Code/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson5_Texture/Code/src/index.html -------------------------------------------------------------------------------- /Lesson5_Texture/Code/src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson5_Texture/Code/src/main.ts -------------------------------------------------------------------------------- /Lesson5_Texture/Code/src/shader/fragment.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson5_Texture/Code/src/shader/fragment.wgsl.ts -------------------------------------------------------------------------------- /Lesson5_Texture/Code/src/shader/vertex.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson5_Texture/Code/src/shader/vertex.wgsl.ts -------------------------------------------------------------------------------- /Lesson5_Texture/Code/src/texture/nehe.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson5_Texture/Code/src/texture/nehe.gif -------------------------------------------------------------------------------- /Lesson5_Texture/Code/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson5_Texture/Code/tsconfig.json -------------------------------------------------------------------------------- /Lesson5_Texture/Code/vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson5_Texture/Code/vite.config.js -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson6_Interactive_and_texture_filter/Code/.babelrc -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson6_Interactive_and_texture_filter/Code/.gitignore -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson6_Interactive_and_texture_filter/Code/package-lock.json -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson6_Interactive_and_texture_filter/Code/package.json -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/src/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson6_Interactive_and_texture_filter/Code/src/app.ts -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/src/image.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.gif'; -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson6_Interactive_and_texture_filter/Code/src/index.html -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson6_Interactive_and_texture_filter/Code/src/main.ts -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/src/shader/fragment.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson6_Interactive_and_texture_filter/Code/src/shader/fragment.wgsl.ts -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/src/shader/vertex.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson6_Interactive_and_texture_filter/Code/src/shader/vertex.wgsl.ts -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/src/texture/crate.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson6_Interactive_and_texture_filter/Code/src/texture/crate.gif -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson6_Interactive_and_texture_filter/Code/tsconfig.json -------------------------------------------------------------------------------- /Lesson6_Interactive_and_texture_filter/Code/vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson6_Interactive_and_texture_filter/Code/vite.config.js -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson7_Directional_light_and_ambient_light/Code/.babelrc -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson7_Directional_light_and_ambient_light/Code/.gitignore -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson7_Directional_light_and_ambient_light/Code/package-lock.json -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson7_Directional_light_and_ambient_light/Code/package.json -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/src/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson7_Directional_light_and_ambient_light/Code/src/app.ts -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/src/image.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.gif'; -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson7_Directional_light_and_ambient_light/Code/src/index.html -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson7_Directional_light_and_ambient_light/Code/src/main.ts -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/src/shader/fragment.glsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson7_Directional_light_and_ambient_light/Code/src/shader/fragment.glsl.ts -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/src/shader/vertex.glsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson7_Directional_light_and_ambient_light/Code/src/shader/vertex.glsl.ts -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/src/texture/crate.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson7_Directional_light_and_ambient_light/Code/src/texture/crate.gif -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson7_Directional_light_and_ambient_light/Code/tsconfig.json -------------------------------------------------------------------------------- /Lesson7_Directional_light_and_ambient_light/Code/vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/Lesson7_Directional_light_and_ambient_light/Code/vite.config.js -------------------------------------------------------------------------------- /LessonX_RenderBundle/Code/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/LessonX_RenderBundle/Code/.babelrc -------------------------------------------------------------------------------- /LessonX_RenderBundle/Code/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/LessonX_RenderBundle/Code/.gitignore -------------------------------------------------------------------------------- /LessonX_RenderBundle/Code/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/LessonX_RenderBundle/Code/package-lock.json -------------------------------------------------------------------------------- /LessonX_RenderBundle/Code/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/LessonX_RenderBundle/Code/package.json -------------------------------------------------------------------------------- /LessonX_RenderBundle/Code/src/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/LessonX_RenderBundle/Code/src/app.ts -------------------------------------------------------------------------------- /LessonX_RenderBundle/Code/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/LessonX_RenderBundle/Code/src/index.html -------------------------------------------------------------------------------- /LessonX_RenderBundle/Code/src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/LessonX_RenderBundle/Code/src/main.ts -------------------------------------------------------------------------------- /LessonX_RenderBundle/Code/src/shader/fragment.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/LessonX_RenderBundle/Code/src/shader/fragment.wgsl.ts -------------------------------------------------------------------------------- /LessonX_RenderBundle/Code/src/shader/vertex.wgsl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/LessonX_RenderBundle/Code/src/shader/vertex.wgsl.ts -------------------------------------------------------------------------------- /LessonX_RenderBundle/Code/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/LessonX_RenderBundle/Code/tsconfig.json -------------------------------------------------------------------------------- /LessonX_RenderBundle/Code/vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/LessonX_RenderBundle/Code/vite.config.js -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/README.md -------------------------------------------------------------------------------- /gpuweb-explainer/explainer.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/gpuweb-explainer/explainer.md -------------------------------------------------------------------------------- /gpuweb-explainer/figure1.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hjlld/LearningWebGPU/HEAD/gpuweb-explainer/figure1.svg --------------------------------------------------------------------------------