threejs学习

最新推荐文章于 2024-03-26 10:19:38 发布

Destiny辰

最新推荐文章于 2024-03-26 10:19:38 发布

阅读量326

点赞数 1

文章标签：学习 threejs

本文链接：https://blog.csdn.net/qq_44879525/article/details/131571937

版权

1.实现场景中调整对象位置功能

先看效果
在这里插入图片描述

核心方法使用【TransformControls】控件

import { TransformControls } from "three/examples/jsm/controls/TransformControls";
var control2 
......
//拖拽控件对象
      control2 = new TransformControls(camera, renderer.domElement);
      control2.setSize(0.3)
      control2.addEventListener("dragging-changed", (event) => {
        controls.enabled = !event.value; //阻止轨道控制器的影响
      });
      control2.addEventListener("change", (event) => {
        	...监听变化时取获取拖拽对象的位置信息
      });
      scene.add(control2);