如何使用3.JS和Leap Motion进行心跳？

Question

因此，我有一个场景与我的3D模型的心，我已经从搅拌机导入。

我用Leap Motion将它连接起来，这样我们就可以移动和旋转心脏模型。

我希望能够让心脏变大和变小(以模拟跳动的心脏)，并播放跳动的心音效果，但仅当有人与Leap交互时。

我是3.JS的新手，不知道从哪里开始。

有人能帮帮忙吗？

Answer 1

我对THREE JS相当陌生，但最近也在做过一个类似的项目。为了让心脏变大和变小，我会在THREE.js的动画循环中调用缩放工具：

        count = 0

        function render() {

        if (count < 21){
            heart.scale.x += 0.01
            heart.scale.y += 0.01
            heart.scale.z += 0.01
            count += 1
            }
        if ((count > 20) && (count < 40)) {
            heart.scale.x = cube.scale.x - 0.01
            heart.scale.y = cube.scale.x - 0.01
            heart.scale.z = cube.scale.x - 0.01
            count += 1
            } else if (count == 40){ count = 0}


        renderer.render( scene, camera );

        }

您还可以使用Tween JS实现更临床、更现实的心跳功能。

对于声音，看一下这个例子：http://threejs.org/examples/#misc_sound

对于LeapMotion的设置，我想您应该有一个条件，它在接收输入并触发心跳和声音循环时触发动画循环。同步动画和声音循环应该很简单。

希望这能有所帮助。