最近自己在捣鼓利用webgl的js库three.js来实现在网页是上实现物体的3d效果，为了能让自己加深了解，这里先记录上在学习过程中的一点心得；
1：在three.js中，要想把物体渲染到网页中，首先得要有三个组件，分别如下：
1）：camera——相机；
2）：scene——场景；
3）：renderer——渲染器；
在上述三个组件中，可以通俗的来理解它们的关系，相机将场景以及场景中的物体拍摄下来，然后通过渲染器将用相机拍摄下来的图片在浏览器中进行渲染；
2：在讲述完三个组件后，我们需要做的就是一步一步来实现我们的代码了，这里先不贴出具体的代码，先说下代码的实现步骤：
1）：先通过three.js提供的API接口创建一个scene;
2）：同理，通过three.js提供的接口创建一个camera以及renderer;
3）：创建的过程中，camera和renderer分别需要对其设置相应的参数；
4）：在创建完成上述三个组件后，我们就通过调用创建出来的renderer的render方法进行物体的渲染；
扫描二维码关注公众号，回复：
218043 查看本文章
3：今天主要是先大概的记录下three.js的三大组件以及将物体渲染到网页上的步骤，这里不涉及到任何的代码，下一节将会贴出详细的代码；