相机操作

在实际开发中我们可能需要调整相机参数来完成视角的变换，F-BIM 的相机操作能力应运而生，这一章节将介绍这一能力。

注意

view_manager 没有也不需要 commit 函数调用来提交更改。

告知

为避免初始化 F-BIM 逻辑占用太多代码行数， Scene 初始化已移至 scene.js 完成，其导出的 scene 已完成初始化。
下方实例中使用了 dat.gui 库来构建右侧控制面板，你无需关心 dat.gui 如何创建控制面板配置项，只需要关心 onChange 回调中的核心 F-BIM 操作逻辑即可，onChnage 回调中接收到的值即为控制面板中属性的当前值。如你确需了解 dat.gui 如何使用，可以参看这篇文章。

相机缩放

实现相机缩放大致分为如下步骤：

完成初始化F-BIM
调用 view_manager 的 scale 方法
设置 scene_context 的 changed 属性为 true，应用更改

<!DOCTYPE html>
<html>
<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
</head>
<body>
  <h1>Hello world</h1>
</body>
</html>

Open Sandbox

相机旋转

实现相机旋转大致分为如下步骤：

完成初始化F-BIM
调用 view_manager 的 rotate 方法
设置 scene_context 的 changed 属性为 true，应用更改

<!DOCTYPE html>
<html>
<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
</head>
<body>
  <h1>Hello world</h1>
</body>
</html>

Open Sandbox

获取和设置相机信息

实现获取和设置相机信息大致分为如下步骤：

完成初始化F-BIM
对应调用 view_manager 的 get_camera_info 或 set_camera_info 方法
设置 scene_context 的 changed 属性为 true，应用更改

<!DOCTYPE html>
<html>
<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
</head>
<body>
  <h1>Hello world</h1>
</body>
</html>

Open Sandbox

相机动画

实现相机动画功能大致分为如下步骤：

完成初始化F-BIM
调用 view_manager 的 animation_by_time 方法

<!DOCTYPE html>
<html>
<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
</head>
<body>
  <h1>Hello world</h1>
</body>
</html>

Open Sandbox

相机操作 ​

相机缩放 ​

相机旋转 ​

获取和设置相机信息 ​

相机动画 ​

相机操作

相机缩放

相机旋转

获取和设置相机信息

相机动画