javascript - 在三个js中的两个场景之间拖放对象

标签 javascript three.js

我有两个场景,场景 1 和场景 2。对于拖动,我尝试使用三个可拖动的 js,但它不允许我将对象拖动到 scene1 之外。我需要将对象从 scene1 拖放到 scene2。我附上了它的图像。提前致谢。

[有两个场景的图像]

最佳答案

three.js 中的“可拖动”简单意味着您可以在对象存在的空间内变换对象。要在场景之间移动它,您需要将其更多地视为事务。

  1. 将鼠标放在要拖动的项目上
  2. 保存对对象的引用 (var tempobj = selectedObj;)
  3. 开始拖动
  4. 检测光标何时离开第一个视口(viewport)
  5. 从场景 1 中移除对象 (scene1.remove(tempobj);)
  6. 检测光标何时进入第二个视口(viewport)
  7. 将对象添加到场景 2 (scene2.add(tempobj);)
  8. 继续拖动对象直到鼠标松开

关于javascript - 在三个js中的两个场景之间拖放对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49975841/

相关文章:

three.js - 皮肤指数和皮肤权重是什么意思?

javascript - Threejs创建天空盒场景

javascript - scrollTop 不适用于 2 个运算符(operator)

javascript - 如何正确读取 Firefox "about:memory"?

javascript - p5.j​​s Rect() 方法未定义

javascript - OrbitControls.js - 无法读取未定义的属性 'prototype'

opengl-es - WebGl 将 float 打包到 v4 中

javascript - 相对于其直接父元素放置绝对定位元素

javascript - 同时显示视频元素的多个帧

javascript - Three.js OrbitControls.js 缩放比例非线性