• 2022 年 9 月 1 日
• 筆記

大家好~本文在 如何用WebGPU流畅渲染百万级2D物体？ 基础上进行优化，使用WebGPU实现了Ray Packet，也就是将8*8=64条射线作为一个Packet一起去访问BVH的节点。这样做的好处是整个Packet只需要一个维护BVH节点的Stack，节省了GPU Shared Memory； …

• 2022 年 8 月 12 日
• 筆記

大家好~本文使用WebGPU的计算着色器，实现了奇偶排序。 奇偶排序是冒泡排序的并行版本，在1996年由J Kornerup提出。它解除了每轮冒泡间的串行依赖以及每轮冒泡内部的串行依赖，使得冒泡操作可以并行执行 目录 介绍奇偶排序算法 分析时间复杂度 需求 初步设计 代码实现 发现问题 改进设计 相 …

• 2022 年 8 月 6 日
• 筆記

大家好~我们已经实现了百万级2D物体的流畅渲染，不过是基于计算管线实现的。本文在它的基础上，改为基于光追管线实现，主要进行了CPU和GPU端内存的优化，成功地将渲染的2D物体数量由4百万提高到了2千万 相关文章如下： 如何用WebGPU流畅渲染百万级2D物体？ 本文不需要实现构建和遍历BVH，而是直 …

• 2022 年 7 月 24 日
• 筆記

大家好~本文使用WebGPU和光线追踪算法，从0开始实现和逐步优化Demo，展示了从渲染500个2D物体都吃力到流畅渲染4百万个2D物体的优化过程和思路 目录 需求 成果 1、选择渲染的算法 2、实现内存需求 3、渲染1个圆环 4、测试渲染极限 5、尝试设置workgroup_size 6、实现BV …