web端的3D图像渲染，大都采用webGL，不过其性能让大家很崩溃，webGPU的出现，让大家看到了访问加速的可能，本
原创
2023-12-01 10:26:36
18阅读
webgpu里的渲染循环，看demo基本都是创建一个createCommandEncoder,然后进行一系列
原创
2023-02-09 10:54:37
107阅读
TS代码中，简短，很容易看出来，这个直接第二个参数就是instance的数量wgsl顶点\
原创
2023-02-09 10:52:51
38阅读
简介这个案例演示 uniform 数据如何传入着色器。以一个绿色值为例，直接传递到片元着色器，令所有颜色为 vec4<f32>(0.0, 0.5, 0.0, 1.0)1 创建 uniform bufferconst uniformBufferSize = 4 * 4 // vec4<f32>，即 16 byte
const uniformBuffer = device.cr
转载
2021-04-07 11:28:33
294阅读
2评论
代码见：https://github.com/onsummer/my-dev-notes/tree/master/webgpu-Notes/02-buffer%26color 创建buffer 与 WebGL 的 gl.createBuffer() 几乎一样。 const vbodata = new ...
转载
2021-03-31 18:42:00
223阅读
2评论
WebGL的恩怨情仇，先跟大家分享一波科技圈的八卦。
转载
2022-10-09 06:35:11
1311阅读
思考了一下一个pass下对应一个render scene对应多个输出texture感觉该这样然后object大概就这
原创
2023-02-09 09:57:49
95阅读
Chrome 团队宣布，经过多年的开发，他们终于发布了 WebGPU 实现，目前已在 Chrome 113 Beta 中默认启用。WebGPU 可用于在 Web 上进行高性能 3D 图形和数据并行计算。 WebGPU 初始版本可以在 ChromeOS、macOS 和 Windows 上使用，对其他平
原创
2023-04-09 09:51:25
101阅读
代码见：https://github.com/onsummer/my-dev-notes/tree/master/webgpu-Notes/03-msaa 指定重采样次数为 4 次，测试中除了 1 和 4 其他均不支持（可能是我没找对方法）。 const sampleTimes = 4 修改 02 ...
转载
2021-04-02 09:21:00
724阅读
2评论
大家好，本文学习Chrome->webgpu-samplers->fractalCube示例。 上一篇博文：WebGPU学习（八）：学习“texturedCube”示例 学
「米兰的小铁匠」 同学的分享一、什么是WebGPU1.1 WebGL的恩怨情仇先跟大家分享一波科技圈的八卦，感受一下WebGL是多么的不容易吧。OpenGL由Khronos Grou...
转载
2022-11-30 16:01:52
216阅读
什么是web3D当今互联网时代，我们已经逐渐习惯了浏览和享受丰富多样的网络内容。从文字、图片到视频，我们可以在Web上畅游于各种信息和娱乐资源之间。然而，随着科技的不断进步，一个全新而令人兴奋的概念正在崭露头角——Web3D。
Web3D是一种革命性的技术，它将三维图形、虚拟现实和互联网融为一体，为用户带来前所未有的沉浸式体验。无需离开我们熟悉的浏览器，我们可以穿越虚拟的景观、与三维模型互动，甚至
转载
2023-07-04 19:04:58
639阅读
GPU 是单词 graphics processing unit 的缩写，中文通常会被翻译为：图形处理器 或 图形处理单元。所以 WebGPU 从字面上可以简 单理解为：让浏览器(Web)拥有访问和使用 GPU 的能力。如何查看自己电脑是否有 GPU ？
1. 打开系统任务管理器
2. 点击 性能 面板
3. 在左侧如果能够找到 GPU 则表示你的电脑有 GPU
4. 若你的电
原创
2024-03-11 08:40:05
1401阅读
代码见: https://github.com/onsummer/my-dev-notes/tree/master/webgpu-Notes/01-triangle 如果本篇的代码不能跑了，请联系我或自己看看文档试试修改。 2021年3月31日 入口：navigator.gpu WebGL1 或 W ...
转载
2021-03-31 16:52:00
165阅读
2评论
TVM编译机器学习到 WASM 和 WebGPU TLDR TVM 深度学习编译器对 WASM 和 WebGPU 的支持。实验表明，TVM 的 WebGPU 后端在将模型部署到 Web 时可以接近原生 GPU 性能。 引论 计算是现代机器学习应用的支柱之一。引入 GPU 以加快深度学习工作量，大大提
转载
2021-05-08 11:34:00
438阅读
2评论
代码见：https://github.com/onsummer/my-dev-notes/tree/master/webgpu-Notes/04-texture-triangle 原创，发布日 2021年4月5日，@秋意正寒。若代码失效请留言，或自行到官网根据最新 API 修改。 数据预览 NDC ...
转载
2021-04-05 02:56:00
188阅读
2评论
WebGPU是Web图形API的下一代标准，由WebGPU Working Group（WebGPU工作组）推动。其目标是通过充分利用现代图形硬件的性能，提供更低的渲染延迟和更高的图形渲染吞吐量，从而为Web应用程序带来更出色的图形体验。
原创
2024-01-04 10:22:18
257阅读
WebGPU 进程#rustWebGPU 是一项用在 Web 环境的图形和计算的标准。Mozilla Gfx
转载
2022-06-22 16:15:23
28阅读
