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