小红砖 | 前端三维库之相机类(二)

原创
小红砖  前端三维库之相机类二

相机类属性、操作


获取相机类实例

接口说明

获取相机类实例。


返回参数说明
名称描述类型示例
cameracamera的实例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相机飞跃动画完成时调用函数functionfunction() {}

使用示例
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-否。booleantrue

使用示例
camera.switchPolarangleStatus(true);


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

接口说明

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


传入参数说明
名称描述类型必填示例
arc旋转值numberMath.PI/2

使用示例
camera.setMinPolarAngle(Math.PI/2);


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

接口说明

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


返回参数说明
名称描述类型示例
arc旋转值numberMath.PI/2

使用示例
var arc = camera.getMinPolarAngle();


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

接口说明

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


传入参数说明
名称描述类型必填示例
arc旋转值numberMath.PI/2

使用示例
camera.setMaxPolarAngle(Math.PI/2);



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

接口说明

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


返回参数说明
名称描述类型示例
arc旋转值numberMath.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});


相关文章

小红砖 | 前端三维库你不知道的那些事儿(一)

小红砖 | 前端三维库之视图类(二)

小红砖 | 前端三维库之模型类(二)

小红砖 | 前端三维库之构件类(二)

小红砖 | 前端三维库之标签类(二)

小红砖 | 前端三维库之系统类(二)

小红砖 | 前端三维库你不知道的那些事儿(三)

赞赏
1 点赞
评论
举报

评论区

不超过500字