0 views collected around this technical thread.
This article explains how to leverage WebGPU's compute pipeline and WGSL shaders to simulate the flocking behavior of tens of thousands of birds on the GPU, covering context creation, shader modules, pipeline setup, data buffers, and the rendering‑compute loop with full JavaScript code examples.
The REDtech Salon in Shanghai showcased WebGPU and interactive rendering advances, with W3C’s François Daoust demonstrating WebCodecs, Streams, and GPU‑accelerated video processing, while Xiaohongshu’s Huang Yuejia and Wang Ning highlighted business‑driving projects, migration from WebGL to WebGPU, and future AR‑enabled frontend innovations.
The author recounts a ten‑year journey from fixing a simple compositor bug in 2014 to submitting dozens of WebGPU, WebGL, and Android WebView patches, ultimately meeting Chromium’s committer criteria and earning the role in 2023, highlighting the value of persistent open‑source contributions.
This article details the real‑time rendering techniques, material choices, lighting, shadergraph effects, particle and geometry trails, and post‑processing implementations used in Douyin's 2024 Spring Festival interactive experiences, showcasing SAR Creator's capabilities and future development directions.
This article explains what WebGL is, surveys popular 2D and 3D JavaScript frameworks, analyzes large‑scene performance bottlenecks, and presents concrete optimization techniques such as custom GeoJSON compression, fragment reduction, draw‑call batching, mesh merging, LOD, face culling, and Web Workers, concluding with a brief overview of the emerging WebGPU API.
This article explains the four primary browser rendering approaches—DOM (HTML+CSS), SVG, Canvas, and WebGL/WebGPU—detailing their principles, advantages, limitations, and practical examples to help developers understand the underlying mechanics of web‑based visualizations.
Chrome’s team has released the first implementation of the WebGPU API in Chrome 113 Beta, enabling high‑performance 3D graphics and data‑parallel compute on supported ChromeOS, macOS, and Windows platforms, with broader platform support and library integrations slated for later this year.
In this translated AMA, Three.js creator Ricardo Cabello discusses his journey from the Demoscene to Google, the evolution of Three.js, challenges of open‑source maintenance, performance optimizations, WebGL versus WebGPU, VR/AR prospects, and the future role of web graphics in the metaverse.
This collection presents a variety of recent frontend‑focused articles and tutorials—including WebGPU fundamentals, low‑code implementation principles, Esbuild performance tricks, design‑pattern insights, TypeScript type programming, NestJS dependency injection, Pinia state management, image‑loading optimization, and Immer.js immutable data handling—each accompanied by QR‑code links to the original sources.
The article presents WHLSL, a new Web‑compatible high‑level shading language inspired by HLSL, detailing its safety‑first design, language requirements, syntax features, standard‑library concepts, compilation stages, and how it maps to Metal, Direct3D 12, and SPIR‑V for modern WebGPU applications.