AVW-11:JS 图形与交互生态全景——Three.js 及 40+ 核心项目的定位、星数与解决什么问题
Three.js 不是孤岛——它是 JS 图形生态的北极星。本文按 9 条技术线梳理 Three.js、Babylon.js、R3F、PixiJS、Phaser、D3.js、p5.js、Matter.js、TensorFlow.js 等 40+ 核心项目的定位、GitHub 星数、解决什么问题,以及整个 JS 生态的版图。
AVW-6:代码生成视频——Remotion、Motion Canvas、Revideo、Editly、Theatre.js、Rive 与更多
用代码生成视频——3 年前是笑话,如今是 Remotion 的核心能力。覆盖 9 款 Web 端视频/动效工具:Remotion(React 写视频)、Motion Canvas(数学动画)、Revideo(AI 辅助)、Editly(JSON 声明式)、Theatre.js(协作编辑器)、Rive(状态机动效)、Jitter(Figma 级)、Motionity(开源 AE)、LottieFiles(矢量动画)。
AVW-1:AI 动态视觉 Web 生态全景——40+ 工具的完整地图
一张覆盖动画引擎、数据可视化、交互叙事、AI 驱动 UI 生成、无代码设计的 40+ 工具全景地图。每个工具都附带官网和 GitHub 链接。
G7:GSAP 社区案例精选——生产级动画模式与技术生态
从 GSAPify 的 20+ 实战动画模板、gsap-cookbook 的生产级菜谱、rdnax-gsap-master 的 AI 技能包,到 GSAP 社区论坛的排坑经验——本文整理了一套直接可复用的动画模式索引和工具链。
G6:GSAP + AI 项目实战——从数据可视化到 LLM 流式输出的动态展示
GSAP 在 AI 项目中的角色不是'美化',而是'降低认知摩擦'。本文用四个 AI 典型场景:神经网络推理可视化、LLM 流式输出动画、Embedding 空间降维展示、实时指标仪表盘——展示如何让抽象的计算过程变得可见。
G1:Tween & Timeline 核心——GSAP 动画的基石
掌握 GSAP 的两个核心概念——Tween 和 Timeline——就掌握了整个库 80% 的能力。本文从 gsap.to/from/fromTo 出发,深入到 Timeline 编排、Eases 缓动函数库、Staggers 交错动画,以及 Keyframes 关键帧写法。
GSAP 动画实战系列——从入门到 AI 可视化
GSAP 是现代 Web 动画的工业标准。本系列从核心概念出发,逐步深入到 ScrollTrigger 滚动动画、SplitText 文本特效、SVG 动画、React 集成,最终落到 AI 项目中的动态展示——一套完整的生产级动画方案。