Three.js(零)（threejs零距离查看模型）

互联网给我们带来方便的同时，也时常让我们感到困惑。随便搜搜就出一大堆结果，然而总是有大量的重复和错误。小妖发出的内容，都是自己实测过的，有问题请留言。

大家看到题目中的“(零)”，应该已经知道小妖准备写一个系列了。下定一个决心真是不易，任何事看起来都不太难，最最难得的就是坚持。

小妖想从头写写自己学习 Three.js 的感想，这个想法缘自上一篇 CSS3 3D翻转效果 ，@sgo娱乐集锦和bgm 想要做一个地球自转的效果。

虽然最终 @sgo娱乐集锦和bgm 同学没有要求小妖做个 Demo，但小妖还是默默的尝试了一下。

• 2D 就是简单的 transform rotate

• 3D 就用到了 Three.js

先看效果：

2D版

3D版：

3D版如果加点光更真实，但小妖录屏的效果并不太好，是这样的：

那么，从今天起，小妖将把自己学习 Three.js 过程中的点滴写出来，和大家一起分享。这篇“(零)”就当是个引子吧~

本篇先不提技术细节，相关的 Demo 见下方，但可读性不是很好，供有兴趣的同学参考：

2D: http://xngeer.frostbelt.cn/itemcss/earth_2d.html

3D: http://xngeer.frostbelt.cn/itemcss/earth_3d.html

路漫漫其修远兮，望诸君与吾共勉之