threejs

threejs column articles.

• 41. Tween.js 常用 API

  Published:2026年4月29日

  |  at 00:00

  上节我们学了用 Tween.js 实现缓动动画。

• 42. 关键帧动画和模型动画播放

  Published:2026年4月29日

  |  at 00:00

  大家应该写过 css 里的关键帧动画：

• 43. 实战：丝滑入场动画

  Published:2026年4月29日

  |  at 00:00

  3D 场景直接加载出来有点平平无奇，如果加上一个入场动画会体验更好：

• 44. 改变顶点的变形动画

  Published:2026年4月29日

  |  at 00:00

  所有的几何体都是由顶点构成的，我们可以修改顶点坐标，让几何体变成另一种形状。

• 45. 骨骼动画：关节带动顶点运动

  Published:2026年4月29日

  |  at 00:00

  我们学了关键帧动画、变形动画，这节来学下骨骼动画。

• 46. 骨骼动画如何丝滑切换？

  Published:2026年4月29日

  |  at 00:00

  一个人物模型可能有很多骨骼动画，比如跑、跳、走、静止等动画。

• 47. GSAP：另一个常用动画库

  Published:2026年4月29日

  |  at 00:00

  前面学了动画库 Tween.js，其实和它类似的还有一个常用的：GSAP

• 48. CSS2DRenderer 实现标注：给 3D 物体加标签

  Published:2026年4月29日

  |  at 00:00

  很多时候，我们希望给 3D 场景中的物体加一些标注信息：

• 49. CSS3DRenderer 实现标注：公告栏内容

  Published:2026年4月29日

  |  at 00:00

  上节我们学了 CSS2DRenderer，它可以给 3D 场景的物体加一个标签。

• 50. Sprite 结合 canvas 实现各种形状的标注

  Published:2026年4月29日

  |  at 00:00

  其实除了刚学的 CSS2DRenderer、CSS3DRenderer 外，前面学的 Sprite 也可以用来做标注。