three相机在模型上_threejs学习心得(场景的搭建+运动模型导入)

本文是作者关于threejs的初次技术分享,介绍了threejs的三大基本对象——场景、相机和灯光,以及如何导入和加载3D模型,包括静态模型和动画模型,并涉及模型的动画操作。通过一个基于webpack+vue的项目实例,阐述了场景、相机和灯光的创建方法,以及模型的导出和加载过程。
摘要由CSDN通过智能技术生成

毕业到工作已经半年了,以前一直在用有道笔记,今天第一次发表自己的技术博客,希望能得到个人的支持和鼓励,也希望以后能坚持。

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)。

场景相当于生活中的三维空间,用于承载物体用的,所有的模型以及灯光,相机都放在这个场景中,相机相当于现实生活中人的眼睛,用来观看场景中物体用的,比如你在办公室这样的场景下,你的眼睛到处移动,所看到到办公室的人也不同。灯光可以让相机感受到反射到的光源,从而能够看到物体,想象一下在漆黑的夜晚,没有灯光即使周围有很多物体,我们人眼也不能看见。

三维空间的构建

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值