WebGPU小白入门(九)Compute Pipeline:2.Demo
社区首页 (3596)




请编写您的帖子内容
社区频道(6)
显示侧栏
卡片版式
全部
WebGPU
Orillusion
开源生态
博文收录
Ada助手

182
评分
1


WebGPU小白入门(九)Compute Pipeline:2.Demo
第九期课程,本系列最后一个内容,Compute Pipeline,这也是WebGPU相对WebGL更高效,性能更强大的一个主要feature,我们分了两期视频来介绍,对比了串行计算,多线程计算还有并行计算,以及CPU、GPU的计算能力。我们会手把手带
复制链接 扫一扫
分享

171
评分
1


WebGPU小白入门(九)Compute Pipeline:1.Intro
第九期课程,本系列最后一个内容,Compute Pipeline,这也是WebGPU相对WebGL更高效,性能更强大的一个主要feature,我们分了两期视频来介绍,对比了串行计算,多线程计算还有并行计算,以及CPU、GPU的计算能力。我们会手把手带
复制链接 扫一扫
分享

164
评分
1


WebGPU小白入门(八) Lights:Shadow Mapping
第八期课程,我们介绍如何给3D物体增加阴影效果。介绍深度缓冲,深度测试,深度贴图等理论知识以及如何在WebGPU中设置阴影管线,对比深度贴图的信息,实现动态的阴影效果。 https://www.bilibili.com/video/BV1bY4y1G
复制链接 扫一扫
分享

175
评分
1


WebGPU小白入门(七)Lights:2.Demo
本节课程,我们将介绍最常用的光照模型,以及不同光源的反射特性,依旧是先理论后实践,手把手教你如何在WebGPU场景中添加多个光源,体现3D结构,满满干货,快来学习吧! https://www.bilibili.com/video/BV1iA4y1d7
复制链接 扫一扫
分享

142
评分
1


WebGPU小白入门(七) Lights:1.理论基础
本节课程,我们将介绍最常用的光照模型,以及不同光源的反射特性,依旧是先理论后实践,手把手教你如何在WebGPU场景中添加多个光源,体现3D结构,满满干货,快来学习吧! https://www.bilibili.com/video/BV1da41177
复制链接 扫一扫
分享

140
评分
1


WebGPU小白入门(六):Texture:2. Demo
本期视频,我们将介绍多种材质贴图信息,包括图片,视频,和canvas动态绘制,让我们的3D场景更丰富。分为两期课程,首先是理论知识,主要介绍了贴图相关的uv坐标,以及WebGPU中如何进行差值采样,第二期视频,手把手带你走进代码操作,把理论知识应用起
复制链接 扫一扫
分享

139
评分
1


WebGPU小白入门(六):Texture:1 .基础介绍
本期视频,我们将介绍多种材质贴图信息,包括图片,视频,和canvas动态绘制,让我们的3D场景更丰富。分为两期课程,首先是理论知识,主要介绍了贴图相关的uv坐标,以及WebGPU中如何进行差值采样,第二期视频,手把手带你走进代码操作,把理论知识应用起
复制链接 扫一扫
分享

150
评分
1


WebGPU小白入门(五):多物体资源绑定
为了让大家更好的理解和使用即将开源的WebGPU引擎,Orillusion的工程师们为大家准备了一系列的WebGPU课程! 上节课我们学习了一系列的3D变换理论知识,并且在代码中一一实现,涉及空间变换,矩阵变换,深度检测,插值处理,自动更新等一系列操
复制链接 扫一扫
分享

149
评分
1


WebGPU小白入门(四):3D 矩阵变换——2.Demo
为了让大家更好的理解和使用即将开源的WebGPU引擎,Orillusion的工程师们为大家准备了一系列的WebGPU课程! 上节课我们将介绍如何利用顶点插槽和资源绑定来实现动态设置Vertex Shader的顶点数据,以及Fragment Shade
复制链接 扫一扫
分享

152
评分
1


WebGPU小白入门(四):3D 矩阵变换——1.理论介绍
为了让大家更好的理解和使用即将开源的WebGPU引擎,Orillusion的工程师们为大家准备了一系列的WebGPU课程! 上节课我们将介绍如何利用顶点插槽和资源绑定来实现动态设置Vertex Shader的顶点数据,以及Fragment Shade
复制链接 扫一扫
分享

157
评分
1


WebGPU小白入门(三):顶点插槽&资源绑定
为了让大家更好的理解和使用即将开源的WebGPU引擎,Orillusion的工程师们为大家准备了一系列的WebGPU课程! 上节课我们介绍了如何绘制一个WebGPU三角形,并且掌握WebGPU 在浏览器中运行的架构,了解整个 WebGPU 绘制的基本
复制链接 扫一扫
分享

149
评分
1


WebGPU小白入门(二):绘制简单三角形——4.录制渲染通道
为了让大家更好的理解和使用即将开源的WebGPU引擎,Orillusion的工程师们为大家准备了一系列的WebGPU课程! WebGPU小白入门(一)介绍了如何用Vite零基础创建一个WebGPU的项目,以及WebGPU和WebGL的发展过程,以及如
复制链接 扫一扫
分享

151
评分
回复


干货|为什么说开源基金会的选择很关键?(下)
认知了解基金会的运行规则以及如何选择加入合适的基金会,是企业开源生态发展非常关键一环,对此我们整体做了梳理,会分两期内容分享给大家~
复制链接 扫一扫
分享

161
评分
回复


Web or Native 谁才是元宇宙的未来(下)?
未来的世界,会有大量的3D内容制作需求,因为3D内容是元宇宙搭建的基础。这也就意味着,我们面对的不是一个存量市场,而是一个增量市场,甚至是一个未知的充满无限可能的市场。
复制链接 扫一扫
分享

147
评分
回复


干货|为什么说开源基金会的选择很关键?(上)
认知了解基金会的运行规则以及如何选择加入合适的基金会,是企业开源生态发展非常关键一环,对此我们整体做了梳理,会分两期内容分享给大家~
复制链接 扫一扫
分享

245
评分
1


WebGPU小白入门(二):绘制简单三角形——3.创建渲染管线
为了让大家更好的理解和使用即将开源的WebGPU引擎,Orillusion的工程师们为大家准备了一系列的WebGPU课程! WebGPU小白入门(一)介绍了如何用Vite零基础创建一个WebGPU的项目,以及WebGPU和WebGL的发展过程,以及如
复制链接 扫一扫
分享



为您搜索到以下结果:
22
社区成员
35
社区内容





Orillusion-3D引擎开源社区
Orillusion团队,2021年9月成立,集合图形学,引擎开发,WebGPU应用等各领域的大牛,目标打造WebGPU渲染引擎的开源社区
复制链接 扫一扫

确定
社区描述
Orillusion团队,2021年9月成立,集合图形学,引擎开发,WebGPU应用等各领域的大牛,目标打造WebGPU渲染引擎的开源社区 前端开源 企业社区 北京·朝阳区
加入社区
获取链接或二维码
- 近7日
- 近30日
- 至今
加载中
社区公告
欢迎大家加入Orillusion开发者社群,陪我们一起见证WebGPU的发展~
未来我们将会持续把最干货最前沿的WebGPU技术分享给每一位社区成员,也欢迎大家为Orillusion开源社区做出自己的贡献,分享自己的想法和经验。我们一直坚信,开源社区的技术留痕是每一位技术人员最崇高的追求!快来成为Orillusion社区第一批“源”住民吧!让一起打造有价值、有活力、有温度的共创社区!
-
国内外最前沿干货的WebGPU相关技术知识
-
详细的教程文档,帮助大家快速详尽地熟悉引擎
-
丰富的案例,让大家有更加直观的学习体验,可以迅速复制或者改造出自己需要的应用和场景
-
参与线下或线上开发者活动,大家互相分享学习
-
官方教学课程,会陆续上线针对不同人群定位的视频教程,B站推出的WebGPU小白课程已经上线九期,欢迎大家观看学习
更多渠道,欢迎关注加入~
官网:https://www.orillusion.com/
微信公众号:Orillusion