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