- 2024-06-22mach(zig)：从webGPU api了解渲染通道&shader
学opengl3.3教程，你将了解通用图形渲染api。学vulkan，你将用1000+行代码画一个三角形。学webGPUapi，你将获得跨平台的图形api设计规范。reddit上有人说：OpenGL只是与3D硬件连接的几个应用程序接口之一。所有这些应用程序接口的基本概念都是一样的，即使应用程序本身的方式略有不
- 2024-01-26转 | 我是一名前端，部门想让我转webgl方向，要不要考虑一下？
https://www.zhihu.com/question/640467378/answers/updated 作者：Medy丶ghost链接：https://www.zhihu.com/question/640467378/answer/3372989459来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。说一个大部分前端无法接受的事实。90%的前端搞不
- 2023-10-23webgpu用最简短的代码画一个三角形
1.包含webgpu的初始化2.三角形顶点缓冲的创建以及将cpu数据填充到gpu里3.webgpu里着色器的编写，以及通过代码创建webgpu的着色器程序对象4.通过顶点和像素阶段的描述创建一个渲染管线话不多说直接贴代码:<html><head> <metacharset="utf-8"> <title>WebGPUHelloTri
- 2023-10-10WEBGpu最佳实践之BindGroup
介绍在WebGPU中，资源通过GPUBindGroup结构传递给着色器，与支持它的布局定义（GPUBindGroupLayout和GPUPipelineLayout）以及着色器中绑定组的声明一起。这三者——着色器、布局和绑定组——都需要相互兼容，通常在每个阶段都需要重复信息。因此，这个API的这一方面乍一看可能感觉不必要地复
- 2023-08-09WebGPU All In One
WebGPUAllInOnechrome://flags/#enable-webgpu-developer-featuresWebGPUistheworkingnameforapotentialwebstandardandJavaScriptAPIforacceleratedgraphicsandcompute,aimingtoprovide"modern3Dgraphicsandcomputationcapabilities&
- 2023-07-07从0开发WebGPU渲染引擎：开篇
大家好，本系列会从0开始，开发一个基于WebGPU的路径追踪渲染器，使用深度学习降噪、DLSS等AI技术实现实时渲染；并且基于自研的低代码开发平台，让用户可以通过可视化拖拽的方式快速搭建自定义的Web3D引擎目录回顾目前的技术积累为什么要从0开发WebGPU渲染引擎？下一步回顾目前的技术积累
- 2023-06-04webgpu_快速入门
/Users/song/Downloads/WebGPU视频教程/1.WebGPU快速入门/9.三角形拼接矩形/2.三角形拼接矩形.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edg
- 2023-06-04webgpu_快速入门2
/Users/song/Downloads/WebGPU视频教程/2.3D几何变换数学基础/9.片元的屏幕坐标/1.片元坐标/index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE
- 2023-06-03webGPU orillusion(一)
关于架构的理解与认识 Orillusion 核心借鉴了 ECS 结构，遵循 组合优于继承 的开发设计原则，实现了自己的组件系统。我们将传统复杂的逻辑划分为独立的、可重复利用的部分，每个部分可以单独封装运行逻辑。然后通过灵活组合的形式，将多个简单组件合并在一起运行从而表现复杂的功
- 2023-05-22webgpu_红色三角形_学习_wgsl
/Users/song/Code/webgpu_learn/webgpu-for-beginners/webgpu_learn_typescript/index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><linkrel="icon"type="image/svg+xml&
- 2023-04-16WebGPU All In One
WebGPUAllInOnehttps://webgpufundamentals.org/https://github.com/gfxfundamentals/webgpufundamentalsWebGPU基础知识本文将尝试向你介绍WebGPU的基础知识。在阅读本文之前，你应该已经了解JavaScript。映射数组、解构赋值、传播值、async/await、es6模块等
- 2023-04-07Chrome 发布首个 WebGPU 实现
Chrome团队宣布，经过多年的开发，他们终于发布了WebGPU实现，目前已在Chrome113Beta中默认启用。WebGPU可用于在Web上进行高性能3D图形和数据并行计算。WebGPU初始版本可以在ChromeOS、macOS和Windows上使用，对其他平台的支持将于今年晚些时候推出。WebGPU是由
- 2023-03-06js阻塞的解决方法有哪些？
1. 使用异步编程：如setTimeOut和setInterval。2.WebWorker3.promises和wait/async参考：https://www.zhihu.com/question/579418178/answer/28511034161.主线程和子
- 2023-02-25实时渲染路径追踪概述
大家好，本文是对Real-TimePathTracingandBeyond和它的视频：HPG2022Monday,Day1(enhanced)学习的总结，并结合我的理解进行了一些延伸得益于下面的技术进步，使得通常应
- 2022-11-29真实感渲染：WebGPU介绍和使用光栅化管线绘制一个三角形
大家好~本课程为“真实感渲染”的线上课程，从0开始，介绍相关的图形学算法和数学基础，给出详细的数学推导、伪代码和实现代码，最终带领大家开发出基于物理的渲染器线上课程资料
- 2022-11-04为什么精通webgl、webgpu的人很少？
为什么精通webgl、webgpu的人很少？ 如题，更不用提webassembly了，是因为需求不够还是难度太大？显示全部 关注者153被浏览260,594关注问
- 2022-09-03WebGPU光追引擎基础课：课程介绍
大家好~我开设了“WebGPU光追引擎基础课”的线上课程，从0开始，在课上带领大家现场写代码，使用WebGPU开发基础的光线追踪引擎课程重点在于基于GPU并行计算，实现BVH构建和遍历
- 2022-09-03WebGPU光追引擎基础课系列目录
大家好~我开设了“WebGPU光追引擎基础课”的线上课程，从0开始，在课上带领大家现场写代码，使用WebGPU开发基础的光线追踪引擎课程重点在于基于GPU并行计算，实现BVH构建和遍历
- 2022-08-31在 WebGPU 中使用时间戳查询
目录概述按步教学0.让浏览器具备时间戳查询功能1.创建Queryset和缓冲对象2.写入时间戳3.解析时间戳到缓冲对象中4.读取查询结果5.(可选)添加标签致谢原文https:
- 2022-08-31如何创建前端 WebGPU 项目？
目录1.丐版HelloWebGPU①为什么是index.html②你这个代码为什么浏览器没有显示东西？③为什么你不用HTTP协议打开index.html2.我需要类型提示2.1.使用VSCode的
- 2022-08-16WebGPU的计算着色器实现冒泡排序
大家好~本文使用WebGPU的计算着色器，实现了奇偶排序。奇偶排序是冒泡排序的并行版本，在1996年由JKornerup提出。它解除了每轮冒泡间的串行依赖以及每轮冒泡内部的串行依赖，