小编Dev*_*eas的帖子

Three.js 将渲染的 STL 文件放置在屏幕中央

我有一个来自 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)

javascript three.js

1
推荐指数
1
解决办法
2208
查看次数

标签 统计

javascript ×1

three.js ×1