three.js初入门一
最近自己在捣鼓利用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方法进行物体的渲染;
3:今天主要是先大概的记录下three.js的三大组件以及将物体渲染到网页上的步骤,这里不涉及到任何的代码,下一节将会贴出详细的代码;
上一篇: js中的this指向
下一篇: three.js初入门一