本文介绍了THREE.JS作为WebGL的封装库，便于开发者进行3D渲染。通过简单示例展示如何引用THREE.JS，创建基本的3D场景，包括场景、相机和渲染器的初始化，并添加灯光和模型。最后提到了控制器对于交互的重要性，为初学者提供了入门指导。
一、THREE.JS是什么？
谈到
three，那就绕不开webgl,那么什么是webgl呢？哈哈，webgl其实是在一套标准，一套在浏览器端支持3D渲染的标准,浏览器端支持了这套标准后，意味着浏览器端可以按照这套标准进行3D渲染。THREE就是在webgl的基础上对其API进行封装形成的3D库，为什么要进行封装呢？直接使用webgl岂不是性能更加的好？这些问题，其实你回看WEB的发展，大致也就有了答案，为什么后端会针对不同的语言去封装许多的框架呢？比如，PHP的laravel、TP等，Java的spring、springMVC等等。前端也是由之前的原生的HTML到支持各大框架的模板引擎，JS也是由原生到基于DOM操作各种类库，比如jQuery，到后来的模块化、工程化的框架，比如如今市场很热的前端三大框架：VUE、Angular、React。想通这些，自然而然就能够理解了为啥会出现针对WEBGL封装的THREE.js的出现。为了更加方便、更加容易的进行3D开发。
二、简单使用下THREE吧
HTML引用CDN的形式使用
THREE的使用和其他的类库的使用的方式基本上相同的， 先引用类库，无论是类库文件下载到本地引用还是通过CDN线上引用方式都是可以的，我们先进行线上引用的方式吧。
<!DOCTYPE html>
<html><head> <meta charset="utf-8"> <title>three自制模板</title> <script src="https://cdn.bootcdn.net/ajax/libs/three.js/r99/three.js"></script> <<img src="http://www.yanhuangxu
最低0.47元/天 解锁文章
479
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
