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的三大组件以及将物体渲染到网页上的步骤,这里不涉及到任何的代码,下一节将会贴出详细的代码;
上一篇: three.js初入门一
下一篇: 做好新浪微博营销的技巧:讲个好故事
推荐阅读
-
ASP.NET MVC4入门教程(一):入门介绍
-
ASP.NET MVC4入门教程(四):添加一个模型
-
ASP.NET MVC4入门教程(二):添加一个控制器
-
ASP.NET MVC4入门教程(三):添加一个视图
-
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
-
Zend Framework入门之环境配置及第一个Hello World示例(附demo源码下载)
-
Netty入门二:开发第一个Netty应用程序
-
Spring MVC HelloWorld入门及运行机制 (一)
-
Vector Magic 入门教程 教你一步步将位图转换为矢量图形
-
MySQL入门(一) 数据表数据库的基本操作