毕业到工作已经半年了,以前一直在用有道笔记,今天第一次发表自己的技术博客,希望能得到个人的支持和鼓励,也希望以后能坚持。
threejs的三大对象
代模型的导入
最近一段时间开始接触threejs相关的项目,一直在挖坑和填坑之中,于是用webpack+vue2.5+sass搭建了一个threejs的项目,物理引擎:基于ammo.js的pysijs物理引擎,采用的是vue-clic直接搭建:
npm install -g vue-cli
vue init webpack threejstest
cd threejstest
npm install
npm run dev
由于threejs需要引用three.js等一些依赖模块,将这些资源通过以静态资源的形式引入,注:npm包安装threejs模块尝试过,虽然可以导入获取全局模块,但是引入的其他包无法获取对应的three全局变量,接下来讲讲本人对threejs的一些理解:
一、threejs的三大对象:场景(scene)、相机(Camera)、灯光(Light)。
场景相当于生活中的三维空间,用于承载物体用的,所有的模型以及灯光,相机都放在这个场景中,相机相当于现实生活中人的眼睛,用来观看场景中物体用的,比如你在办公室这样的场景下,你的眼睛到处移动,所看到到办公室的人也不同。灯光可以让相机感受到反射到的光源,从而能够看到物体,想象一下在漆黑的夜晚,没有灯光即使周围有很多物体,我们人眼也不能看见。
三维空间的构建