本篇文章古柳教大家如何在顶点着色器里用 sin、random、noise 等函数对顶点坐标进行偏移从而改变几何体形状，我们将学到如何用几行代码就实现出酷炫的shader动画效果。

两年前看到 Pepyaka 这个网页效果，被其丝滑酷炫漂亮到效果所惊艳，今天终于可以带大家用 Three.js Shader 一步步详复现这个效果，其实并不复杂，相信很多前端、程序员都会喜欢这样的效果

什么是 WebGPU WebGPU 是一套全新的 Web API 标准，旨在提供高性能 3D 图形和数据并行计算能力，暴露了一系列现代 GPU 能力。基于成熟的 Vulkan、Metal 等标准提供了

网络开发已经大大提高了它的游戏水平！有了我们现在拥有的所有这些很酷的新网络玩具，让那些人瞠目结舌，“这是真的吗？” Web 上的 3D 时刻不再只是一个梦想。在3D Web 开发中掀起波澜的两项

前言 之前更完一篇，忙完其他事就给忘了这茬了。看到小伙伴在催更，二话没说赶紧更新一篇。 在开始之前我们先简短介绍下Three.js、WebGL、Canvas三者是什么及它们之间的关系： 什么是 Can

Three.js 和 WebGL 是现代 Web 3D 图形渲染的两项重要技术。虽然它们密切相关，但它们在设计目标、使用方法和应用场景上有明显的区别。要理解它们的核心原理，我们可以从以下几个方面对比