Orillusion-3D引擎开源社区
WebGPU小白入门（二）：绘制简单三角形——3.创建渲染管线
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区为了让大家更好的理解和使用即将开源的WebGPU引擎，Orillusion的工程师们为大家准备了一系列的WebGPU课程！
WebGPU小白入门（一）介绍了如何用Vite零基础创建一个WebGPU的项目，以及WebGPU和WebGL的发展过程，以及如何运用async/await处理WebGPU API中的异步函数，收到了同学们的热烈欢迎！
本期视频干货满满，以最详细的步骤，教你如何绘制一个WebGPU三角形，并且掌握WebGPU 在浏览器中运行的架构，了解整个 WebGPU 绘制的基本流程，初始化device，创建渲染管线，录制渲染通道。每一步中都对应一些常用的API。
如何请求 adapter？如何请求 device ？如何去配置一个 canvas？
小小的三角形，大大的知识体系，赶快学起来吧！
https://www.bilibili.com/video/BV1ma41147s6/?vd_source=1fa2fb264a953f5311ffb73685c06d7f
相关推荐
webgpu-wgsl-hello-triangle:如何使用WebGPU着色语言使用WebGPU渲染三角形的示例-“ Hello world！” 图形学
WebGPU / WGSL三角形您好！ 如何使用WebGPU阴影语言-“ Hello World！”使用WebGPU渲染三角形的示例。 图形学。 它能做什么？ 如果您的浏览器支持WebGPU和WGSL ，则应该可以看到一个灰色的正方形，中间有一个绿色的三角形。 就是这样。 实时示例： : WebGPU和WGSL正在开发中！ 请注意， 和规范尚未最终确定，实现方式也在发生变化！ 访问以检查当前状态。 把事情简单化！ WebGPU是一个低级API，因此它是“ Hello World！”。 不能是单线的，但是此回购协议应尽可能地简单。 只有两个文件：一个用于HTML，一个用于JavaScript-没有Node.js，Weback等。 是否可以进一步简化代码？ 教我如何！ :) 测试结果（2021-03-25） 在Chrome Canary v91.0.4457.2 x64 Wi
WebGPU-96章完整教程
WebGPU_96章完整教程
WebGL-84章完整教程
WebGL_84章完整教程
threejs 169 版本
threejs 源码包
Metal-96章完整教程
Metal_96章完整教程
