我正试图向我的老板推销使用three.js创建一个与视频提供商(如YouTube)集成的CSS3D界面。其中一个要求是在移动设备上展示——我选择了iPad，因为安卓平板电脑很古怪。
因为我的演示定于本周四，我想最快的事情就是给他展示精彩的css3d_youtube演示。
问题是它没有配置为使用手势(触摸缩放)，我很难做到这一点。
我还需要添加一些东西，比如背景图像和让YouTube播放器全屏播放的能力，所以我不得不使用原始代码并对其进行修改。我看到了元素周期表，所以我决定在代码中使用TrackBall控制器。你可以在这里看到我修改后的代码
轨迹球控制器似乎改变了相机的y轴位置。如果你在平板电脑上查看，你可以看到我在这里创建的实际页面。我使用Modernizr库来识别设备是否为触摸屏，这样你就不会通过桌面浏览器看到它了。
如果它更有帮助的话，我可以删除这个条件，这样它就可以在桌面浏览器中看到了。
如果我删除了打乱相机位置的代码(你可以看到我在哪里搜索Modernizr。点击该按钮时，相机不再以视频海报图像为中心。
我还尝试通过添加这个函数来添加常规的JavaScript手势事件:
function onPinch(e) {
move(e.scale)
}
并在事件处理程序中调用它:
`document.body.addEventListener('gestureend', onPinch, false)`
但那是一场灾难。CSS3D对象渲染非常慢。
有人能帮我添加缩放功能的css3d youtube演示?或者至少提供一些如何进行的建议?我无法找到任何帮助通过谷歌搜索
看起来TrackballControls.js已经更新为支持触摸缩放手势。
如果其他人也有这个问题，请获取最新版本。
CSS3D元素周期表和youtube的例子似乎也已经更新了。