想必大家都看过哆啦A梦，时光机是里面的常用道具。 那坐时光机是什么样的体验呢？ 我用 Three.js 写了一下，应该是这种感觉： 我们一起来实现一下。 首先，我们过一下 Three.js 的基础：

上篇文章我们实现了跳一跳的雏形： 这篇文章我们继续做。 现在是只有 7 个方块，而实际上方块应该是动态生成的。 比如最开始只有两个，跳到一个方块后，自动出现下一个，并且向左还是向右是随机的。 我们改一

前几年，跳一跳小游戏火过一段时间。 玩家从一个方块跳到下一个方块，如果没跳过去就算失败，跳过去了就会再出现下一个方块。 游戏逻辑和这个 3D 场景都挺简单的。 那我们能不能用 Three.js 自己实

”粒子动画“ 这个词大家可能经常听到，那什么是粒子动画呢？ 粒子是指原子、分子等组成物体的最小单位。在 2D 中，这种最小单位是像素，在 3D 中，最小单位是顶点。 粒子动画不是指物体本身的动画，而是

最近从北京搬到了上海，开始了一段新的生活，算是人生中一个比较大的事件，于是特地用 Three.js 做了下可视化。 在这个地理信息相关的可视化的案例中，我们能学到地图怎么画、经纬度如何转成坐标值，这些

这两天用 Three.js 画了一个 3D 的房子，放了一个床进去，可以用鼠标和键盘控制移动，有种 3D 游戏的即视感。 这篇文章就来讲下实现原理。 代码地址：https://github.com/Q

什么是全景图？ 一般我们拍照都是拍一个方向，而全景图是拍上下左右前后 6 个方向，360 度，这样能够立体的记录所在的场景。 那全景图怎么浏览呢？ 全景图拍的是六个方向的图，放在一个平面看会很别扭，所

大家可能会发现，我最近一直在更一些 Three.js 的内容。难道我去做可视化或者游戏了？ 不是的，我下份工作还是工具链相关或者普通的前端开发相关的。 那既然不是工作相关的技术，为什么要去学呢？3D

最近听了一首很好听的歌《一路生花》，于是就想用 Three.js 做个音乐频谱的可视化，最终效果是这样的： 代码地址在这里：https://github.com/QuarkGluonPlasma/th