WebGPU小白入门课程

Orillusion开发者社区 2022-08-02 10:55:40

想学习WebGPU开发技术吗？我们的工程师为大家准备了一系列的WebGPU课程！第一节WebGPU入门课程来啦，介绍了如何用Vite零基础创建一个WebGPU的项目，小白也能入手！

本期视频还介绍了WebGPU和WebGL的发展过程，以及如何运用async/await处理WebGPU API中的异步函数，干活满满，一起学起来吧！

快来关注我们吧，我们将会持续性与大家分享关于WebGPU技术的干货！

WebGPU小白入门（一）：如何零基础创建第一个WebGPU项目！

课程学习地址：https://www.bilibili.com/video/BV1uu411B7uq

...全文

144 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

CSDN-Ada助手 2023-01-13

打赏
举报

您可以前往 CSDN问答-非IT技术发布问题, 以便更快地解决您的疑问

Orillusion官方WebGPU小白入门系列课程学习笔记

instance draw（demo5）：最大的优点是渲染管线的效率非常高，能最大限度地利用GPU的并行能力。对于资源的管理本质上是将group和buffer的切换放到了GPU / Shader里来做。JS中省去了创建多个buffer或group，内存上也没有多余的offset的需求。从buffer的读取性能来说，demo2和demo3虽然也是连续的buffer，但因为要对齐256个字节，其实每次指针切换实际上至少要移动256个字节。

z的坐标不变不变，x、y的坐标发生变化，如果你有兴趣，可以用你高中的三角函数知识推理，可以知道旋转后的坐标：X=xcosγ-ysinγ,Y=xsinγ+ycosγ。坐标是(x,y,z)转化为齐次坐标坐标是(x,y,z,1),可以用4x1矩阵表示，这种特殊形式，也可以称为列向量，在webgpu顶点着色器代码中也可以用四维向量。一个点的坐标是(x,y,z),假设沿着X、Y、Z轴分别平移Tx、Ty、Tz，毫无疑问平移后的坐标是(x+Tx,y+Ty,z+Tz)。请用矩阵的乘法运算法则验证下面矩阵的等式是否成立?

Orillusion-3D引擎开源社区

社区成员

社区内容

发帖

与我相关

我的任务

前端开源企业社区北京·朝阳区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

欢迎大家加入Orillusion开发者社群，陪我们一起见证WebGPU的发展~

未来我们将会持续把最干货最前沿的WebGPU技术分享给每一位社区成员，也欢迎大家为Orillusion开源社区做出自己的贡献，分享自己的想法和经验。我们一直坚信，开源社区的技术留痕是每一位技术人员最崇高的追求！快来成为Orillusion社区第一批“源”住民吧！让一起打造有价值、有活力、有温度的共创社区！

国内外最前沿干货的WebGPU相关技术知识
详细的教程文档，帮助大家快速详尽地熟悉引擎
丰富的案例，让大家有更加直观的学习体验，可以迅速复制或者改造出自己需要的应用和场景
参与线下或线上开发者活动，大家互相分享学习
官方教学课程，会陆续上线针对不同人群定位的视频教程，B站推出的WebGPU小白课程已经上线九期，欢迎大家观看学习

更多渠道，欢迎关注加入~

官网：https://www.orillusion.com/

微信公众号：Orillusion

Github地址：https://github.com/Orillusion/orillusion-web

B站：https://b23.tv/zMCJqAd

试试用AI创作助手写篇文章吧

+ 用AI写文章