我有一个来自 Thingiverse 的渲染 STL 文件,通过 Three.js 使用 THREE.STLLoader() 加载源文件。我的问题是我不知道如何将其放置在屏幕中心,只能通过调整我正在使用事件触摸坐标修改的旋转属性来实现。当我在屏幕上移动手指时,我试图将对象置于屏幕中央并从中心旋转。
这就是我目前所拥有的,任何帮助将不胜感激:
var container, stats;
var camera, scene, renderer;
var stlMesh;
var mesh, geometry;
var loader;
var directionalLight;
var mouseX = 0;
var mouseY = 0;
var zoom = 0;
var windowHalfX = window.innerWidth / 2;
var windowHalfY = window.innerHeight / 2;
// Ejecta; Added for touch controls:
document.addEventListener('touchmove', onDocumentTouchMove, false);
function init() {
camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 0.2, 100);
scene = new THREE.Scene();
scene.add(camera);
// light
var dirLight …Run Code Online (Sandbox Code Playgroud)