vue 2.x+webpack+cesium1.64详解（6）：配置场景Scene

浅浅的花香味﹌ 2021-07-24 14:58 302阅读 0赞

**目录**

一、scene综述

二、如何获取到scene

三、常见scene配置

3.1 光照效果配置

3.2  相机camera配置

--------------------

# 一、scene综述 #

官网解释：secen是三维场景类，是所有的三维图形对象和状态的容器。

# 二、如何获取到scene #

var scene = viewer.scene;

# 三、常见scene配置 #

## 3.1 光照效果配置 ##

scene.globe.enableLighting = true;

scene（场景）中的光照效果被激活后，会模拟出地球的真实效果，太阳只能照射到地球的一部分。

## 3.2  相机camera配置 ##

相机camer是viewer.scene中的属性，用来控制当前的可见域。

*  setView(options)：设置相机位置和方向，设置显示范围的
 *  zoomIn(amount)：沿着视角矢量向前移动摄像机，实际上就是放大
 *  zoomOut(amount)：沿着视角矢量向后移动摄像机，缩小功能
 *  **[Camera.flyTo(options)][Camera.flyTo_options]**: 创建从当前相机位置到新位置的动画相机飞行
 *  **[Camera.lookAt(target, offset)][Camera.lookAt_target_ offset]** : 定位并定位摄像机以给定偏移量瞄准目标点。
 *  **[Camera.move(direction, amount)][Camera.move_direction_ amount]** : 朝任何方向移动摄像机。
 *  **[Camera.rotate(axis, angle)][Camera.rotate_axis_ angle]** : 绕任意轴旋转相机。
 *

3.3

[Camera.flyTo_options]: https://cesiumjs.org/Cesium/Build/Documentation/Camera.html#flyTo
[Camera.lookAt_target_ offset]: https://cesiumjs.org/Cesium/Build/Documentation/Camera.html#lookAt
[Camera.move_direction_ amount]: https://cesiumjs.org/Cesium/Build/Documentation/Camera.html#move
[Camera.rotate_axis_ angle]: https://cesiumjs.org/Cesium/Build/Documentation/Camera.html#rotate

发表评论取消回复

表情：

评论列表（有 0 条评论，302人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue-8.Vue项目配置详解

回顾（以下是nodejs自动生成，我还会加入一些没有的） my-vue-project/

爱被打了一巴掌/ 2024年03月23日 23:20/ 0 赞/ 91 阅读

相关 ElasticSearch6.6.2详解JavaApi

[https://www.elastic.co/guide/en/elasticsearch/client/java-rest/6.6/java-rest-high.html]

短命女/ 2023年10月18日 22:20/ 0 赞/ 111 阅读

相关 4 gltf:scenes 和Nodes（场景和节点）

总目录 >> [threejs入门进阶到实战][threejs](目前已更新入门篇、基础篇和进阶篇) 4 scenes 和Nodes（场景和节点）原文：[http

浅浅的花香味﹌/ 2023年07月23日 10:00/ 0 赞/ 3 阅读

相关 Scene窗口—Scene视图导航

Scene 视图导航 Scene 视图具有一组可用于快速有效移动的导航控件。场景视图辅助图标场景视图辅助图标 (Scene Gizmo) 位于 Scen

怼烎@/ 2023年06月15日 13:26/ 0 赞/ 25 阅读

相关 vue 2.6的反向代理配置proxy

新建一个vue.config.js文件 module.exports = { devServer: { proxy: {

ゝ一世哀愁。/ 2023年06月11日 11:22/ 0 赞/ 12 阅读

相关 Redis6.2.1配置文件详解

units单位配置大小单位,开头定义了一些基本的度量单位，只支持bytes，不支持bit，大小写不敏感 ![在这里插入图片描述][watermark_type_Zm

桃扇骨/ 2022年10月12日 04:25/ 0 赞/ 186 阅读

相关 Qt Quick Scene Graph 学习2：纹理

Qt Quick Scene Graph 相关文档：[https://doc.qt.io/qt-5/qtquick-visualcanvas-scenegraph.html][

不念不忘少年蓝@/ 2022年10月10日 06:21/ 0 赞/ 162 阅读

相关 6.2 ehcache.xml配置详解

一：配置文件 ehcache.xml <?xml version="1.0" encoding="UTF-8"?> <ehcache xmlns:xsi

向右看齐/ 2022年05月31日 09:07/ 0 赞/ 183 阅读

相关 google/filament 场景（Scene）管理

filament专注于渲染，场景管理比较简单。一般场景管理中的空间管理、碰撞检测、LOD、GUI，filament中都没有。 1.场景（Scene）场

た入场券/ 2021年12月18日 13:09/ 0 赞/ 553 阅读

相关 vue 2.x+webpack+cesium1.64详解（6）：配置场景Scene

目录一、scene综述二、如何获取到scene 三、常见scene配置 3.1 光照效果配置 3.2 相机camera配置 --------------

浅浅的花香味﹌/ 2021年07月24日 14:58/ 0 赞/ 303 阅读