阳电子炮

在 Web 的 3D 宇宙里，Three.js 就像是一位神奇的魔法师，能轻松构建出美轮美奂的 3D 场景。不过，当我们想要在场景中加入复杂物理模拟，比如让千万个粒子像烟花一样绚烂绽放，或是进行大规模

一、像素世界的流体密码 想象你站在数字海岸边，看着屏幕里的波浪此起彼伏 —— 这些看似自然的水流，其实是无数像素在遵循数学法则跳着集体舞。作为计算机科学家，我们要做的就是给这些像素编一支 "水之舞"

前言 第三章：GPU渲染加速体系 第一节分层渲染策略：静态内容独立GPU合成层 1.1)技术原理与核心价值 (1)分层渲染架构 浏览器渲染引擎通过合成层（Composite Layers）​机制，将静

Canvas 的绘制功能跟 DOM 是耦合的，而 OffscreenCanvas 解耦了DOM和Canvas API，可以把canvas代码放在worker里执行，可以释放主线程上的资源，可以避免主线程繁忙的时候导致动画丢帧

前端开发常说“JavaScript 是单线程的”，但如果你正在做动画、数据可视化、图像处理、游戏开发、或任何基于 Canvas 的复杂渲染，你一定体会过——主线程的“卡顿地狱” 。 这种时候，Web

也可以去预览。 但是作者并没有把源码分享出来，正好最近在学习 threejs，正好抽时间写了一个类似的 demo，希望能帮助一些喜欢 threejs 的初学者。效果如下： 接下来，我们一起来看如何实现这样一个粒子体系切换动画。 将获取到的 json 文件保存到本地。 首先，初始…

水波图是大屏里很常用的图表： 一般用来表示百分比数据，水波的高度会根据百分比的数值变化，另外水波也会左右移动，就像真实的水波一样。 实际项目里我们可以使用ECharts来实现，不过自己实现一个也并不难

废话不多少 上图上代码 纯svg标签动画 使用`<use>`标签引用之前定义的`box`组两次，一次用于绘制蓝色的静态线条，另一次用于创建带有遮罩效果的动态线条动画。

美颜滤镜都用过，用webgl写一个呢？点就来就学如何用shader实现一个柔光磨皮效果滤镜，自己动手丰衣足食，从此再也不用担心照片处理！