So verschieben Sie eine GLB-Datei über Dragcontrols ⇐ CSS

[Anonymous]

Ich versuche, Dragcontrols für meine GLB-Datei zu aktivieren, aber es funktioniert aus irgendeinem Grund nicht. Ich bin noch ziemlich neu bei Three.js und kenne mich mit den Kameras und Netzen aus, möchte aber meine GLB-Datei mit der Maus aus Blender ziehen können. Am besten ohne zu klicken, damit sich das Modell an der gleichen Position wie der Cursor befindet.
Hier ist mein Javascript-Code

Code: Select all

import * as THREE from 'three';
import { GLTFLoader } from 'three/examples/jsm/Addons.js';
import { DragControls } from 'three/examples/jsm/Addons.js';

const canvas = document.querySelector('.gamescreen');

const scene1 = new THREE.Scene();
const scene2 = new THREE.Scene();

const loader1 = new GLTFLoader();
loader1.load('assets/Background.glb', function(glb){
const stage = glb.scene;
for (let i = -20; i