cesium three性能比较_一步步带你实现web全景看房——three.js

canvas画2d相信大家都很熟悉了,但3d世界更加炫酷。我们直接从three.js入手。下面我们从0开始来摸索一下3d世界

1. 基本概念

在THREEjs中,渲染一个3d世界的必要因素是场景(scene)、相机(camera)、渲染器(renderer)。渲染出一个3d世界后,可以往里面增加各种各样的物体、光源等,形成一个3d世界:

cesium three性能比较_一步步带你实现web全景看房——three.js_第1张图片

场景:右手坐标系,一切要素都在场景里面,相当于“世界”,包括各种物质和物理变化

cesium three性能比较_一步步带你实现web全景看房——three.js_第2张图片
// 创建场景const scene = new THREE.Scene();

照相机:摄像机就相当于人眼,有摄像机才可以看见场景里面的一切物体和光源。常用的是正交摄像机和透视摄像机

你可能感兴趣的:(cesium,three性能比较,js,改变change方法)