第二章、three.js开发入门与调试设置;

一、轨道控制器查看物体;

1、基本概念

     轨道控制器(OrbitControls)可以使得相机围绕目标进行轨道运动;

 2、代码样例

// 七、创建轨道控制器(相机围绕着物体捕捉视角)
const controls = new OrbitControls(
    camera,
    renderer.domElement,

)

function render() {
    renderer.render(scene , camera);
    // 请求动画帧:渲染下一帧的时候,会重新执行这个函数
    requestAnimationFrame(render);
}

// 起始动画
render();

二、添加坐标辅助器;

1、基本概念

      用于简单模拟3个坐标轴的对象;红色代表X轴、绿色代表Y轴、蓝色代表Z轴;

2、代码样例

// 八、添加坐标轴辅助器,数字代表轴的线段长度,默认为1
const axesHelper = new THREE.AxesHelper(5);
scene.add(axesHelper);

三、设置物体移动;

1、基本概念

<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小砖er

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值