随笔分类 - WebGPU
摘要：| 这篇博客我会持续更新，因为目前WebGPU标准仍在更新阶段，不稳定， 主要是参照标准API，举出例子，因为WebGPU标准介绍是在太难懂了，我按照一些实现WebGPU的代码例子，把各模块功能调用的语法总结出来，供之后编程参考使用。 检查是否支持GPU：<!navigator.gpu> const
阅读全文
摘要：一、前提 在代码开始之前，你需要自行准备配置环境文件或者你可以去GitHub下载简单配置好的文件：https://github.com/zhiwenhao-0807/webgpu.git 如果你对刚开始如何配置环境疑惑，可以去跟着第一篇博客去学习：https://www.cnblogs.com/we
阅读全文
摘要：本节我们来复原一个彩色的正方形，前提告知，本节的shaders和main的代码从结构上有调整，我会更加详细的描述每行的代码意思； 源代码下载地址：https://github.com/jack1232/webgpu07 一、首先需要你安装所有的软件包 安装完软件包，确保你的本地生成node_modu
阅读全文
摘要：首先看下WebGPU的目标： 目标： 同时支持实时屏幕渲染和离屏渲染。 使通用计算能够在 GPU 上高效执行。 支持针对各种原生 GPU API 的实现：Microsoft 的 D3D12、Apple 的 Metal 和 Khronos 的 Vulkan。 提供一种人类可创作的语言来指定在 GPU
阅读全文
摘要：一、首先修改你的index.html文件 请注意主要在html页面修改添加的是需要加选择项："triangle-list"和"triangle-strip",如果你不理解这两个关键词，移步查看webgpu文档：https://www.orillusion.com/zh/webgpu.html#pri
阅读全文
摘要：非常兴奋，我坚持了下来，开始更新我的第二篇博客，还是关于WebGPU的，我在学习过程中，对这项技术非常感兴趣，即使它非常抽象，难以理解，因为我看到未来Web3D的发展，WebGPU会成为主流技术，学习这项技术的前景会更加光明。 本节来创建单色三角形，并通过输入color四元数组数值对三角形颜色进行改
阅读全文
摘要：我在网上搜寻了很多关于WebGPU相关的资料； #我觉得首先在B站上看到的徐博士免费教程非常好，讲解详细，并且评论回复比较快，都会有回应，徐博士B站网址[1]； #老徐GitHub关于WebGPU案例源代码的网址[2]； #并且我找到一个非常小众，不是很知名的webgpu开源引擎 Orillusio
阅读全文
摘要：首先感谢徐博士提供的视频教程，我的博客记录也是学习徐博士进行的自我总结，老徐B站学习视频链接网址：WebGPU图形编程 - 免费视频教程（1）：建立开发环境_哔哩哔哩_bilibili 创建之前你需要安装以下WebGPU开发工具 Visual Studio Code (https://code.vi
阅读全文
