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