three.js就是一个让webgl更加容易实现的javascript库，通过它实现3d效果可以简化代码的复杂度，另外所有支持webgl的都支持它，并且可在本地环境下运行。
webgl是浏览器中实现三维效果的一套规范，随着webgl开源框架的出现，尤其是three.js的实现使得3d程序更加容易实现，接下来在文章中为大家详细介绍three.js的相关知识，希望对大家有所帮助。
【推荐课程：javascript教程】
three.js是什么
three.js是一个使webgl实现更加容易的库。而webgl是一个api，它允许我们使用javascript访问计算机的专用图形硬件，并将输出呈现为常规旧<canvas>元素中的网页。在webgl之前，只能使用桌面软件访问该专用硬件。浏览器停留在2d效果（不包括第三方插件，如adobe flash）。
为什么需要three.js？
因为使用webgl来实现3d效果时需要执行大量的代码，例如实现下图中这个旋转的立方体，在three.js中实现大约有二三十行，而使用原生的webgl，需要超过200行的代码，而且代码更加复杂，里面有许多常量和变量的使用，这就要求你熟悉webgl规范才可以。但是
three.js可以为你省去好多重复的事情，在内部它生成webgl代码，同时暴露一个更简单的api，另外three.js还有预先构建的组件和辅助方法，可以利用它们更快地开始。
哪里可以使用three.js
所有最新的浏览器都支持webgl，所以说只要设备支持webgl，就可以使用任何方式来使用three.js ，包括全屏动画等
如何使用three.js
three.js作为单个javascript文件，可以在没有web服务器的情况下在本地工作。在javascript中的基本流程是设置three.js环境，为其提供一个<canvas>绘制元素。然后创建一个场景，添加内容，并调用render()。结果输出到提供的<canvas>。如果要为场景设置动画而不是单个静态图像，需要使用添加动画循环requestanimationframe()，以及保留对添加到场景中的模型的引用，以便可以在帧之间移动它们。
总结：以上就是本篇文章的全部内容了，希望对大家有所帮助。
以上就是three.js是什么？的详细内容。