小编gre*_*ing的帖子

THREE.js:OrbitControls平移和缩放问题

我尝试将最新的OrbitControls.js添加到我的场景和轨道接缝中以便正常工作.但是,当我使用鼠标中键或滚轮进行缩放时,轴接缝将关闭,并且不再正确旋转.Pan(或strafe)似乎在我的场景中也无法正常工作.

在示例中,http://threejs.org/examples/#misc_controls_orbit鼠标右键将摄像机平行移动到场景中,在我的场景中它只是与鼠标左键一样运行.你可以看到我的行为是如何行为不当http://www.xrez.com/tufa_test/.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>obj tester</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <style>
        body {
            background:#fff;
            padding:0;
            margin:0;
            overflow:hidden;
            font-family:georgia;
            text-align:center;
        }
    </style>
</head>

<body>
    <script src="cam.js"></script>
    <script src="three.min.js"></script>
    <script src="OrbitControls.js"></script>

    <script>

        var SCREEN_WIDTH = window.innerWidth;
        var SCREEN_HEIGHT = window.innerHeight;

        var container;

        var camera, scene, controls, renderer;
        var canvasRenderer, webglRenderer;

        var mesh, zmesh, geometry;


        var windowHalfX = window.innerWidth / 2;
        var windowHalfY = window.innerHeight / 2;

        var meshes = [];

        init(); …
Run Code Online (Sandbox Code Playgroud)

mouse zoom pan three.js

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

标签 统计

mouse ×1

pan ×1

three.js ×1

zoom ×1