0

我正在尝试使用三个 js 制作一块，其中对象在鼠标悬停时从鼠标倾斜，就像这里的位置（鼠标悬停在 VIST 选项卡上）：

https://meowwolf.com/explore

我不知道这是否使用了三个 js 或另一个库，但我不知道该怎么做。我在三个具有相同“倾斜”技术的 js.org 上找不到任何示例。

到目前为止，我只使用基本的立方体示例，但最终希望能够“倾斜”其他对象/粒子。

var camera, scene, renderer;
            var mesh;
            init();
            animate();
            function init() {
                camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
                camera.position.z = 400;
                scene = new THREE.Scene();
                var texture = new THREE.TextureLoader().load( 'textures/crate.gif' );
                var geometry = new THREE.BoxBufferGeometry( 200, 200, 200 );
                var material = new THREE.MeshBasicMaterial( { map: texture } );
                mesh = new THREE.Mesh( geometry, material );
                scene.add( mesh );
                renderer = new THREE.WebGLRenderer( { antialias: true } );
                renderer.setPixelRatio( window.devicePixelRatio );
                renderer.setSize( window.innerWidth, window.innerHeight );
                document.body.appendChild( renderer.domElement );

我怎么能做到这一点，从一个盒子开始？

为了清楚起见：

喵狼站点使对象向鼠标所在对象的角落倾斜，并在鼠标退出时恢复原始旋转

4

0 回答 0