最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

常用的3D区块地图除了那个区块，还要满足波纹散点、渐变柱体、飞线、下钻上卷、视角适配等，点开我，这就安排！用Three.js给你搞一个！

相信不久前大家已经被这个粒子动画给刷屏了吧： 之前看过很多人都在分析跟这个效果相关的跨窗口通信技术，尽管这样是挺好，但我依旧有点纳闷：为什么没有人讲讲背后的粒子特效是怎么实现的呢？

前言 大家好，此次我们继续绘制另一片美丽的星空。咱们废话不多说，直接进入正题。 我们先看一下最后的效果： 让我们一步一步的揭示其中的奥秘吧~！ 原理 绘制一个星星 万丈高楼从地起，我们先从绘制一个星星

之前看到有人在浏览器端复刻了原神的登录界面，效果非常还原。 本文就让我们一起来看看这种效果是如何实现的，主要分析Shader相关的部分。 怀着学习的目的，我自己也写了一版。

在最后我们将一起实现如下图水面波动的效果，不过阅读完本文，也将了解到这一思路的其他用法： 本篇默认读者本已经能读懂基本的glsl语言，语法不再做过多解释，如果有不理解可以翻看之前的文章有详细讲解

基于Three.js的第三人称角色操作实现，在Web中走进火影的世界，让我们在这个小小的Demo里面继承一下火之意志吧(*^▽^*)。

代码片段 前言 架构和概念 抽象整体的实现思路如下 FaceMesh MediaPipe Face Mesh是一种脸部几何解决方案，即使在移动设备上，也可以实时估计468个3D脸部界标。它采用 机器学

为了更好在vscode的webGL开发体验，本文将从vscode插件和手写一个node插件，几分钟让你可以快速提高几倍的书写效率，从此告别glsl书写的恐惧症。