three.js - 英特尔 XDK 中的相机变焦

Question

我正在使用 Intel XDK 和 ThreeJS 创建一个简单的移动应用程序。问题是，在单击另一个对象后，我不知道如何缩放对象，（对不起我的英语不好）

Answer 1

放大 ThreeJS 对象的一种方法是使用 jQuery 插件Zoomooz.js。

这是一个例子。

http://jsbin.com/juril/1/edit?html,js,输出

此示例基于Threejs 虚线示例。我在两个虚线框中添加了以下属性。

<div class="zoomViewport">
            <div class="zoomContainer">
                <div class="zoomTarget" data-targetsize="2.0" data-closeclick="true" id="container"></div>
                <p></p>
                <div class="zoomTarget" data-targetsize="2.0" data-closeclick="true"  id="container2"></div>
            </div>
        </div>

这使您可以通过单击/触摸以两倍的放大倍率放大每个框，并通过单击/触摸缩小。

由于我注释掉了以下标签，因此您还可以捏缩放。

<!--<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">-->