相机类 | 前端三维库你不知道的事（五）

来源于👉【知屋安砖】

相机类属性及操作

获取相机类实例

接口说明

获取相机类实例。

返回参数说明

名称	描述	类型	示例
camera	camera的实例	object	-

使用示例

var camera = app.camera;

相机位置飞跃

接口说明

相机位置飞跃

传入参数说明

名称	描述	类型	必填	示例
cameraConfig	入参	object	是	{}
cameraConfig.poistion	相机位置	object	是	{x: 1, y: 2, z: 3}
cameraConfig.target	相机焦点	object	是	{x: 1, y: 2, z: 3}
cameraConfig.up	相机正方向	object	是	{x: 0, y: 0, z: 1}
callback	相机飞跃动画完成时调用函数	function	是	function() {}

使用示例

camera.flyTo({ position: {x: 1,y: 2,z: 3}, target: {x: 1, y: 2, z: 3}, up: {x: 0,y: 0,z: 1 } }, function(e) {})

相关示例库
办公区示例-隐藏

切换是否开启相机垂直方向的旋转极值

接口说明

切换是否开启相机垂直方向的旋转极值

传入参数说明

名称	描述	类型	必填	示例
status	是否开启极值 true-是，false-否	boolean	是	true

使用示例

camera.switchPolarangleStatus(true);

设置相机垂直方向的最小旋转值

接口说明

设置相机垂直方向的最小旋转值

传入参数说明

名称	描述	类型	必填	示例
arc	旋转值	number	是	Math.PI/2

使用示例

camera.setMinPolarAngle(Math.PI/2);

获取相机垂直方向的最小旋转值

接口说明

获取相机垂直方向的最小旋转值

传入参数说明

名称	描述	类型	示例
arc	旋转值	number	Math.PI/2

使用示例

var arc = camera.getMinPolarAngle();

设置相机垂直方向的最大旋转值

接口说明

设置相机垂直方向的最大旋转值

传入参数说明

名称	描述	类型	必填	示例
arc	旋转值	number	是	Math.PI/2

使用示例

camera.setMaxPolarAngle(Math.PI/2);

获取相机垂直方向的最大旋转值

接口说明

获取相机垂直方向的最大旋转值

传入参数说明

名称	描述	类型	示例
arc	旋转值	number	Math.PI/2

使用示例

var arc = camera.getMaxPolarAngle();

获取初始视角

接口说明

获取初始视角

传入参数说明

名称	描述	类型	示例
perspective	初始视角	object	{position: {x: 1, y: 2, z: 3}, target: {x: 1, y: 2, z: 3}, up: {x: 0, y: 0, z: 1}

使用示例

var = camera.getPerspective();

设置复位视角

接口说明

设置复位视角

传入参数说明

名称	描述	类型	必填	示例
perspectiveConfig	入参	object	是	{}
perspectiveConfig.position	相机位置	object	是	{position: {x: 1, y: 2, z: 3}}
perspectiveConfig.target	相机焦点	object	是	{target: {x: 1, y: 2, z: 3}}
perspectiveConfig.target	相机正方向	object	是	{up: {x: 0, y: 0, z: 1}}

使用示例

camera.setPerspective({position: {x: 1, y: 2, z: 3}, target: {x: 1, y: 2, z: 3}, up: {x: 0, y: 0, z: 1});

相关阅读

• 小红砖 | 前端三维库你不知道的事（一）
• 视图类 | 前端三维库你不知道的事（二）
• 模型类 | 前端三维库你不知道的事（三）
• 构件类 | 前端三维库你不知道的事（四）
• 标签类 | 前端三维库你不知道的事（六）
• 系统类 | 前端三维库你不知道的事（七）
• 调用类 | 前端三维库你不知道的事（八）
• 小红砖API2.0强势上线