three表示3D的意思，js表示javascript的意思。那么合起来，Three.js就是使用javascript来写3D程序的意思。

在宜享花的视角，Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在Three.js的主页上看到许多精彩的演示。

Three.js的基本要素，你知道有哪些吗？让我们和宜享花一起来学习。

Threejs 的基本要素之场景。场景是一个三维空间，所有物品的容器，可以把场景想象成一个空房间，接下来我们会往房间里放要呈现的物体、相机、光源等。

Threejs 的基本要素之相机。Threejs必须要往场景中添加一个相机，相机用来确定位置、方向、角度，相机看到的内容就是我们最总在屏幕上看到的内容。

Threejs 的基本要素之网格。在计算机的世界里，一条弧线是由有限个点构成的有限条线段连接得到的。当线段数量越多，长度就越短，当达到你无法察觉这是线段时，一条平滑的弧线就出现了。

Threejs 的基本要素之灯光。假如没有光，摄像机看不到任何东西，因此需要往场景添加光源，为了跟真实世界更加接近，Threejs支持模拟不同光源，展现不同光照效果，有点光源、平行光、聚光灯、环境光等。

Threejs 的基本要素之渲染器。渲染器就是去渲染你场景中灯光、相机、网格。

关于Three.JS在各行各业的应用实践，宜享花是这样介绍的。在房产、家装行业，通过Three.JS可以实现全景视图，从而带来更直观的视觉体验。在电商行业，利用Three.JS可以实现产品的3D效果，便于用户360度全方位地观察商品，从而给用户带来更好的购物体验。休闲娱乐方面，使用Three.JS还可以制作类似微信跳一跳那样的小游戏。随着技术的发展、基础网络的建设，web3D技术还能得到更广泛的应用。

利用Three.JS可以制作出很多酷炫的3D动画，还可以通过鼠标、键盘、拖拽等事件形成交互，在页面上增加一些3D动画和3D交互可以产生更好的用户体验。宜享花认为，Three.JS帮我们走进3D的奇妙世界。

【广告】