适用于 iOS 的不带 WebGL 的交互式 3D 模型答案

【问题标题】：Interactive 3D model without WebGL for iOS适用于 iOS 的不带 WebGL 的交互式 3D 模型
【发布时间】：2014-05-30 00:13:12
【问题描述】：

我想做与此类似的东西 - http://appserv.kfshrc.edu.sa/Default/Health/Anantomy.aspx，但不使用 Flash 并且能够在 iPad 上的 Mobile Safari 上工作。

我玩过 WebGL，它很棒，但还不能在 iOS 上运行（虽然它存在于 Mobile Safari 中，但它只适用于 iAds）。我也尝试过使用 CSS 3D 转换，但它不能正常工作。那么，我可以使用什么来为 iOS Mobile Safari 实现这一点？

【问题讨论】：

【解决方案1】：

我认为值得研究 three.js，这是一个 JavaScript 3d 库，允许您选择画布、SVG 或 WebGL 作为渲染目标。 three.js 应该使构建类似于您在问题中指向的示例的内容相当简单。

根据this thread 的说法，移动版 Safari 中的画布渲染存在一些问题，但那是一年多以前的事了，所以它可能已经解决了。您可以在three.js 网站上尝试一些canvas examples，以了解截至今天移动Safari 的性能。

@Nicholas Kyriakides 还指出，根据他的经验，SVG 渲染模式存在缺陷，性能不如 WebGL。

【讨论】：

请注意，iOS (
SVG 渲染器怎么样。据我所知，Three.js 也可以使用它，从而避免了对 WebGL 的需求。但我想上次我检查它有点错误，性能远不及 WEBGL。我认为我的反对票无效，所以我将其删除
@nicholas Kriakides - 我已经有一段时间没有玩过三个了，所以我不能说 SVG 渲染器的性能如何。我想你只需要测试一下，自己看看。如果您可以撤消否决票，将不胜感激；）。我确实觉得这有点不公平，因为它似乎很适合 OP 试图做的事情。
好吧，我不能投票，因为 S.O 不允许我在没有您编辑答案的情况下这样做。只需参考渲染的 SVG，我会再试一次
IOS7 确实支持三，但仅限于 SVG 渲染模式。这是一个很好的选择，但它现在的方式相当模棱两可。

【解决方案2】：

我在过去使用过这个：https://code.google.com/p/jsc3d/ 它适用于我尝试过的所有东西，我只需要更改一些 javascript 以使其与移动设备交互，但我认为现在他们接受了我的更改，它应该适用于触摸事件。

使用 Chrome、Safari、Firefox、IE=9、Android Phone、Android Tablet、iPad、iPhone 呈现的内容。

但是性能很差。但它很酷，我在 google sketchup 中创建了一个模型，导出了 obj 文件，然后使用纹理将其渲染为多平台。

【讨论】：