当前位置:   article > 正文

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

cesium实现全景图

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

1. 基本概念

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

aa516f2d18778c6ef750710c158dd516.png

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

f66d38a47a8839d6e2ee62eca0735587.png
// 创建场景const scene = new THREE.Scene();

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/714357
推荐阅读
相关标签
  

闽ICP备14008679号