Question

我试图让玩家在房子周围移动，我成功地用obj和mtl装载机装载房子并安装播放器（他能够前后移动），但问题是他无法接受楼梯向下或向上。我在代码中使用了point_lock_controles和raycaster，请告诉我哪里出错了。

controls = new THREE.PointerLockControls( camera );
                scene.add( controls.getObject() );
                var onKeyDown = function ( event ) {
                    switch ( event.keyCode ) {
                        case 38: //up
                        case 87: //w
                            moveForward = true;
                            break;
                        case 37: //left
                        case 65: //a
                            moveLeft = true; break;
                        case 40: //down
                        case 83: //s
                            moveBackward = true;
                            break;
                        case 39: //right
                        case 68: //d
                            moveRight = true;
                            break;
                        case 32: //space
                            if ( canJump === true ) velocity.y += 350;
                            canJump = false;
                            break;
                    }
                };
                var onKeyUp = function ( event ) {
                    switch( event.keyCode ) {
                        case 38: //up
                        case 87: //w
                            moveForward = false;
                            break;
                        case 37: //left
                        case 65: //a
                            moveLeft = false;
                            break;
                        case 40: //down
                        case 83: //s
                            moveBackward = false;
                            break;
                        case 39: //right
                        case 68: //d
                            moveRight = false;
                            break;
                    }
                };
                document.addEventListener( 'keydown', onKeyDown, false );
                document.addEventListener( 'keyup', onKeyUp, false );
                raycaster = new THREE.Raycaster( new THREE.Vector3(), new THREE.Vector3( 0, - 1, 0 ), 0, 10 );

function animate() {
                requestAnimationFrame( animate );
                if ( controlsEnabled ) {
                    raycaster.ray.origin.copy( controls.getObject().position );
                    raycaster.ray.origin.y -= 10;
                    var intersections = raycaster.intersectObjects( objects );
                    var isOnObject = intersections.length > 0;
                    var time = performance.now();
                    var delta = ( time - prevTime ) / 1000;
                    velocity.x -= velocity.x * 5.0 * delta;
                    velocity.z -= velocity.z * 5.0 * delta;
                    velocity.y -= 9.8 * 100.0 * delta; // 100.0 = mass
                    if ( moveForward ) velocity.z -= 1000.0 * delta;
                    if ( moveBackward ) velocity.z += 1000.0 * delta;
                    if ( moveLeft ) velocity.x -= 1000.0 * delta;
                    if ( moveRight ) velocity.x += 1000.0 * delta;
                    if ( isOnObject === true ) {
                        velocity.y = Math.max( 0, velocity.y );
                        canJump = true;
                    }
                    controls.getObject().translateX( velocity.x * delta );
                    controls.getObject().translateY( velocity.y * delta );
                    controls.getObject().translateZ( velocity.z * delta );
                    if ( controls.getObject().position.y < 10 ) {
                        velocity.y = 0;
                        controls.getObject().position.y = 10;
                        canJump = true;
                    }
                    prevTime = time;
                }
                renderer.render( scene, camera );

伙计们，我尝试使用示例FPS https://github.com/mrdoob/three.js/blob/master/examples/misc_fps.html

由于此示例使用json loader，因此传递给applyphysics（）函数的参数不同。但是，我使用OBJ和MTL加载器，试图改变一点，可以得到模型加载但不能得到任何运动，如在示例中，播放器保持向下，它显示“three.js：8786 THREE.Object3D。 add：object不是THREE.Object3D的实例。“我的代码引用有问题。请帮帮我

我的问题是“如何在此示例中添加obj + mtl加载器并使用移动加载我的模型”下面的代码是我手动插入此示例的唯一代码，https://github.com/mrdoob/three.js/blob/master/examples/misc_fps.html

function makePlatform() {
                var placeholder = new THREE.Object3D();
                var onProgress = function ( xhr ) {
                    if ( xhr.lengthComputable ) {
                        var percentComplete = xhr.loaded / xhr.total * 100;
                        console.log( Math.round(percentComplete, 2) + '% downloaded' );
                    }
                };

                var onError = function ( xhr ) { };

                THREE.Loader.Handlers.add( /\.dds$/i, new THREE.DDSLoader() );
                var mtlLoader = new THREE.MTLLoader();
                mtlLoader.setBaseUrl( 'myhouse/' );
                mtlLoader.setPath( 'myhouse/' );
                mtlLoader.load( 'house.mtl', function( materials ) {
                materials.preload();

                var platform = new THREE.OBJLoader();
                    platform.setMaterials( materials );
                    platform.setPath( 'myhouse/' );
                    platform.load( 'house.obj', function ( object ) {
                        object.position.y = - 95;
                        object.castShadow = true;
                        object.receiveShadow = true;
                        object.traverse( function( node ) { if ( node instanceof THREE.Mesh ) { node.castShadow = true;
                                       node.receiveShadow = true; } } );
                    scene.add( object );
                    object.name="platform";
                    placeholder.add(platform);
                    },onProgress, onError );
                return placeholder;
            });
            }

            var renderer = new THREE.WebGLRenderer({ antialias : true });
            renderer.setPixelRatio( window.devicePixelRatio );
            var camera = new THREE.PerspectiveCamera( 60, 1, 0.1, 9000 );
            var scene = new THREE.Scene();
            scene.add( camera );
            var light = new THREE.HemisphereLight( 0xeeeeff, 0x777788, 0.75 );
            light.position.set( 0.5, 1, 0.75 );
            scene.add( light );
            scene.add( makeSkybox( [
                'skybox/px.jpg', // right
                'skybox/nx.jpg', // left
                'skybox/py.jpg', // top
                'skybox/ny.jpg', // bottom
                'skybox/pz.jpg', // back
                'skybox/nz.jpg'  // front
            ], 8000 ));
            scene.add( makePlatform());

Answer 1

由于阶梯级别，在楼梯上移动比在平坦表面上移动更复杂。

准备导航网而不是楼梯以平稳地检测地面高度。

http://docs.unity3d.com/Manual/nav-NavigationSystem.html

您可能还需要了解物理事物以检测与墙壁和其他人的碰撞，例如cannon.js或ammo.js。

球员不能上楼梯

1 个答案: