Rendering Fonts Quickly on the GPU10 days agohttps://www.outercloud.dev/blogs/webgpu-font-rendering/作者正在开发一个用于基于网络动画的WebGPU动画渲染器，并实现了一项渲染TTF字体的技术，该技术最近一项微软专利已过期。TTF字体使用由路径和二次样条组成的字形，这些样条由起点、终点和控制点定义，路径具有顺时针或逆时针方向，用于填充或挖空。由Loop和Blinn开发的渲染技术使用三角形在GPU上表示样条，使着色器能够根据UV坐标高效确定像素是否包含在内，从而无需复杂计算即可实现高分辨率字体渲染。
Learn WebGPU for C++4 hours agohttps://eliemichel.github.io/LearnWebGPU/本指南从头开始教授在Windows、Linux和macOS上使用C++进行WebGPU原生图形编程。用户可以选择从头编写WebGPU代码，或跳过初始样板代码，并可以选择C++风格的封装（webgpu.hpp）或原始C API（webgpu.h）。后端选项包括wgpu-native（默认）或Dawn，可通过CMake选择。基础代码示例从简单的三角形到具有基本交互的3D网格查看器，还额外支持在Web上运行。章节状态符号表示更新程度：最新、旧版本、正在编写或待办。内容包括引言、入门、基本3D渲染、基本计算、高级技术和附录。
Building the Grace Cathedral Experiencea day agohttps://blog.playcanvas.com/building-the-grace-cathedral-experience/格蕾丝大教堂体验是使用PlayCanvas引擎、WebGPU混合渲染器和流式SOG格式构建的。WebGPU计算着色器在GPU上处理高斯溅射的剔除、投影和排序，性能优于基于CPU的WebGL 2排序方法。溅射数据通过带有分块LOD的流式SOG格式传输，支持渐进式加载和按设备预算（桌面端350万溅射，移动端140万溅射）。优化包括按需渲染、分辨率上限和深度预通过遮挡，以在中等硬件和手机上获得良好性能。窥视效果使用着色器块在相机附近雕刻墙壁部分，通过计算和片段阶段实现高效的切割渲染和发光边缘。隐藏旗帜动画通过着色器块实现，沿着行波移动溅射，并带有振幅和倾斜效果。移动交通是通过从原始捕获中隔离和复制停放的汽车创建的，以随机间隔生成并带有随机速度。相机导航使用带有圆角盒子包围的外部轨道控制器，并通过路点图和碰撞网格进行内部路由，实现平滑飞行。交互功能包括分层音景（城市循环音、大教堂环境音、脚步声）和CSS绘制的玫瑰窗加载画面。该项目基于开源基础：PlayCanvas引擎、SuperSplat编辑器和SOG格式，并提供资源供开发者创建类似体验。