WebGPU-3

看了这么多,肯定是头晕脑胀了,还是要实操一下。
首先我们打开现阶段唯一支持WebGPU的浏览器,Chrome Canary,然后输入
chrome://flags/#enable-unsafe-webgpu
然后把WebGPU的设置打开:
在这里插入图片描述

如果仍然显示不支持,重启一下Canary就好了。
注:再次强调下,需要一个Mac,Windows下的Canary不好使 -_-!!!

接下来重点分析几个例子:
根据官网提供的一个牛人给出的一个Sample的Git Repo:
https://github.com/austinEng/webgpu-samples
这里一共给出了从简单到小复杂的5个例子,我们先分析一遍所有的例子,从中了解下API的基本运作情况,然后会再继续深入,多尝试一下API中的其他接口。
(PS:怎么起服务器就不多说了,python的SimpleHTTPServer就够用了)

这6个例子分别是:
hello_triangle.html:
在这里插入图片描述

rotating_cube.html
在这里插入图片描述

textured_cube.html
在这里插入图片描述

fractal_cube.html
在这里插入图片描述

compute_boids.html
在这里插入图片描述

animometer.html
在这里插入图片描述

统一结尾:以上均为个人理解和一家之言,有任何错漏之处欢迎留言讨论,共同进步,一经发现错漏,必立刻更新,且会在修改处指明reporter。谢谢

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值