欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

three.js初入门一

程序员文章站 2022-07-07 18:13:45
...

           最近自己在捣鼓利用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的三大组件以及将物体渲染到网页上的步骤,这里不涉及到任何的代码,下一节将会贴出详细的代码;

             

相关标签: three.js