Orillusion-3D引擎开源社区
WebGPU小白入门（五）：多物体资源绑定
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区为了让大家更好的理解和使用即将开源的WebGPU引擎，Orillusion的工程师们为大家准备了一系列的WebGPU课程！
上节课我们学习了一系列的3D变换理论知识，并且在代码中一一实现，涉及空间变换，矩阵变换，深度检测，插值处理，自动更新等一系列操作，一点点深入学习WebGPU的绘制渲染过程，同学们要跟上哦！
本期视频，我们将介绍如何绘制多个物体的场景，不是一种方法，也不是两种方法，而是四种方法，由浅入深，通过对内存，代码调用的难易程度，以及读取写入信息的速度等进行了一系列比较，教你在不同的场景中使用最高效的资源绑定技巧，满满干货！
相关推荐
webgpu-trial:WebGPU试用
网络试用 在Chrome Canary上通过chrome：// flags打开#enable-unsafe-webgpu 链接
WebGPU 规范篇 06 资源及其打组绑定
系列博客总目录：https://blog.csdn.net/cRGBc/article/details/120412614 文章目录1 关系简易图解2 资源绑定组 GPUBindGroup如何创建GPUBindGroupEntry 类型GPUBindingResourceGPUBufferBinding译者注举例① 采样器资源② 纹理（视图）资源③ GPUBuffer 资源创建要遵守的规则3 资源绑定组的布局 GPUBindGroupLayout如何创建GPUBindGroupLayoutEntry 类型描
webgpu-clustered-shading:个人实验项目，用于使用WebGPU实现聚类着色
WebGPU群集正向着色 实况页面位于 。 该项目使用WebGPU实现了一个简单的群集前向着色渲染器。 我开发它的主要目标是学习更多有关该技术和一些相关技术（如计算着色器）的知识，用WebGPU / WGSL实现一些不平凡的事情以识别错误，并演示一个有趣的WebGPU用例对于WebGL来说这是不切实际的。 尽管该技术旨在提高性能，但优化并不是我的首要任务，因此可以很容易地针对实际用例对该代码进行改进。 也就是说，它很好地证明了群集阴影与更幼稚的照明方法相比可观的性能优势。 要测试WebGPU渲染器，请在Windows或MacOS上使用Chrome Canary，导航至about：标志，然后打开“不安全的WebGPU”标志。 包含WebGL 2.0渲染器以进行比较/调试，但仅实现幼稚的路径。 已知的问题 对于WebGL 2.0，仅“幼稚”路径适用。 这是有意的，我认为我不会很快尝试修
hello-webgpu:WebGPU和Dawn的跨平台C ++示例
“ Hello，Triangle” WebGPU和Dawn C ++ / 和入门项目。 从2015年开始使用Visual Studio for Windows进行构建。 使用build-web.bat （随后的CMake项目）构建Emscripten（在Windows上）。 已通过带有--enable-unsafe-webgpu标志的Chrome Canary 82.0进行测试。 使用Xcode项目为Mac进行构建（已通过Xcode 11和12以及macOS 10.14、10.15和11 beta测试）。 随附的libdawn是针对Windows / MSVC和Mac预先构建的； 如果您希望自己为Windows构建它，（开箱即用，Windows上的Dawn使用 / Clang构建，因此MSVC的链接器因公开的std类型而失败）。 Dawn已获得Apache 2.0许可（请参阅 ）。
webgpu-test:WebGPU 测试
webgpu-test WebGPU 测试 这些示例在标志--enable-unsafe-webgpu后面的和中运行。 图书馆 WebGPU (GLSL) WebGPU (WGSL) 关联 关联 关联 关联 WASM (Rust+GLSL) 关联 关联 巴比伦.js 关联 关联 关联 关联 关联 关联 关联 红色GPU 关联 关联 关联 关联 关联 三.js + WebGPURenderer 链接(WIP) 链接(WIP) 链接(WIP) 链接(WIP) 链接(WIP) Hilo3d 链接(WIP) 链接(WIP) 链接(WIP)
