本文记录了作者学习H5 AR过程中对Three.js的理解，包括基础概念如场景(Sence)、坐标轴(Axes)、相机(Camera类型)、网格(Mesh)、几何体(Geometry)、材质(Material)、光源(Light类型)和阴影(Shadow)。文章特别强调了透视摄像机(PerspectiveCamera)的重要性，并介绍了如何开启和设置阴影效果。
简介
最近突然想做基于H5的AR应用,记录下学习过程
开始AR项目之前，首先从选择3D框架开始，老牌引擎 Three.js 和微软的 Babylon.js 都不错，因为我们需要用到 AR.js，而AR.js的核心就包含Three.js。
AR.js的核心部分
- artoolkit5 https://github.com/artoolkit/artoolkit5
- three.js https://threejs.org
要学习AR.js,对于Three.js需要有一定的掌握,所以今天我们来了解一下Three.js
Three.js 基础概念
使用 Three.js 前，首先要理解以下几个核心概念：
Sence 场景
在 Three.js 中首先需要创建一个三维空间，我们称之为场景。场景可以想象成是一个容器，里面存放着所有渲染的物体和使用的光源。
Axes 坐标轴
Three.js 采用的是右手坐标系，拇指、食指、中指分别表示 X、Y、Z 轴的方向。
Camera 摄像机
摄像机就相当于我们的双眼，决定了能够在场景中的所见所得。
Three.js 中提供以下几种摄像机类型，最为常用的是透视摄像机，其他了解下即可。
ArrayCamera 阵列摄像机
一个 ArrayCamera 会包含多个子摄像机，通过这一组子摄像
最低0.47元/天 解锁文章
2079
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
