没有WebGL for iOS的交互式3D模型

时间:2013-09-08 13:43:12

标签: ios html5 3d mobile-safari webgl

我想制作与此类似的内容 - http://appserv.kfshrc.edu.sa/Default/Health/Anantomy.aspx,但不使用Flash并能够在iPad上使用Mobile Safari。

我使用WebGL,它很棒,但在iOS上却不起作用(虽然它存在于Mobile Safari中,但它只适用于iAds)。我也尝试过使用CSS 3D转换,但它无法正常工作。那么,我可以用什么来实现iOS Mobile Safari?

2 个答案:

答案 0 :(得分:3)

我认为值得研究three.js,这是一个JavaScript 3d库,允许您选择canvas,SVG或WebGL作为渲染目标。 three.js应该使你在问题中指出的例子非常简单。

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

@Nicholas Kyriakides也指出,根据他的经验,SVG渲染模式已经出错并且没有像WebGL那样执行。

答案 1 :(得分:0)

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

使用Chrome,Safari,Firefox,IE< 9,IE> = 9,Android手机,Android平板电脑,iPad,iPhone进行渲染。

但表现不佳。 但它很酷我在谷歌草图中创建了一个模型,导出了obj文件,然后用纹理渲染了多平台。

相关问题