适用于 iOS 的不带 WebGL 的交互式 3D 模型 [英] Interactive 3D model without WebGL for iOS

问题描述

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

I want to make something similar to this - http://appserv.kfshrc.edu.sa/Default/Health/Anantomy.aspx, but without using flash and able to work on Mobile Safari on iPad.

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

I played with WebGL, it's great but doesn't work on iOS yet (though it is there in Mobile Safari, but it's just for iAds). I also tried with CSS 3D transformations, but it doesn't work properly. So, what can I use to implement this for iOS Mobile Safari?

推荐答案

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

I think it would be worth looking into three.js, a JavaScript 3d library which allows you to choose canvas, SVG or WebGL as the render target. three.js should make building something like the example you point to in your question fairly straightforward.

根据此线程，画布渲染存在一些问题在移动 Safari 中，但那是一年多前，所以它可能已经得到解决.您可以在three.js站点上尝试一些画布示例，以了解移动设备的性能截至今天的 Safari.

According to this thread, there have been some issues with canvas rendering in mobile Safari, but that was over a year ago so it may have been resolved. You could try some of the canvas examples on the three.js site to get an idea of the performance in mobile Safari as of today.

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

@Nicholas Kyriakides has also pointed out that in his experience SVG render mode has been buggy and not performed as well as WebGL.

这篇关于适用于 iOS 的不带 WebGL 的交互式 3D 模型的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！