blocks|key|2957166|text|没有WebGL，Three.js也能正常工作。您可以使用Canvas渲染器--+Three.js文档中对其进行了描述，我相信您可以使用谷歌甚至Bing在github上找到它。它不像使用WebGL那样快，但不会在日产Sentra中与蒙特卡洛比赛。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2957167|你不应该期望在任何移动平台上都能有高性能的3D+--主要是因为javascript的性能可能会慢得令人麻木。尝试使用移动设备访问一些不同的Three.js示例(包括使用和不使用webgl)，以了解性能。|2957168|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Three.js will work fine without WebGL. You can use the Canvas renderer -- it's described in the Three.js documentation, I'm sure you can find it on github using google or even Bing. It's not as fast as using WebGL, but one doesn't race Monte Carlo in a Nissan Sentra.

You should not expect high performance 3D on any mobile platform -- mostly becasue javascript performance can be numbingly slow. Try accessing some of the various Three.js examples using mobile devices (both with and without webgl) to get some idea of performance.

blocks|key|833206|text|我试着在我的iPad+Air上运行Three.js+Canvas演示，结果很糟糕。通常Safari会崩溃，即使render工作，它也会执行2-3fps。所以它现在在iOS设备上看起来非常原始|type|unstyled|depth|inlineStyleRanges|entityRanges|data|833207|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I tried to run Three.js Canvas demos on my iPad Air and it was awful. Usually Safari crashes and even if render works it performs 2-3 fps. So seems it's very raw on iOS devices right now

blocks|key|1243081|text|iOS+Safari和Android+Chrome支持WebGL已经有好几年了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1243082|你可能指的是安卓的WebView或iOS的UIWebView+(你可以放在原生应用程序中显示网页的控件)可能支持也可能不支持WebGL。虽然人们有run+into+issues，但WebGL+is+supported+in+WebViews+as+of+Android+5.0+apparently|offset|length|1243083|另一种选择是使用像CocoonJS这样的东西。他们显然为Android+4.0%2B和iOS+8%2B提供了custom+webview+implementations。|1243084|至于性能，three.js在简单的移动场景中会表现得很好。有很多例子。然而，移动设备上的3D通常需要优化的资源(更低的多边形模型，更小的纹理，更简单的着色器，更少的灯光，等等)与桌面相关，尤其是与three.js相关|1243085|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/35746920/android-webview-and-webgl|1|https://stackoverflow.com/questions/15395245/enabling-webgl-support-for-android-webview|2|https://www.ludei.com/cocoonjs/|3|http://docs.cocoon.io/article/webview-engines-differences/^0|0|21|F|0|2I|1N|1|0|9|8|2|1E|U|3|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@$D|Z|E|10|1|11]|$D|12|E|13|1|14]]|A|$]]|$1|F|3|G|5|6|7|15|8|@]|9|@$D|16|E|17|1|18]|$D|19|E|1A|1|1B]]|A|$]]|$1|H|3|I|5|6|7|1C|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]|R|$5|M|N|O|A|$P|S]]|T|$5|M|N|O|A|$P|U]]|V|$5|M|N|O|A|$P|W]]]]

iOS Safari and Android Chrome have supported WebGL for several years now.

The issue you might be referring to is Android's WebView or iOS's UIWebView (the control you can put in a native app to display a webpage) may or may not support WebGL. <a href="https://stackoverflow.com/questions/15395245/enabling-webgl-support-for-android-webview">WebGL is supported in WebViews as of Android 5.0 apparently</a> although people have <a href="https://stackoverflow.com/questions/35746920/android-webview-and-webgl">run into issues</a>

Another option is to use something like <a href="https://www.ludei.com/cocoonjs/" rel="nofollow noreferrer">CocoonJS</a>. They apparently provide <a href="http://docs.cocoon.io/article/webview-engines-differences/" rel="nofollow noreferrer">custom webview implementations</a> for Android 4.0+ and iOS 8+. 

As for performance, three.js will perform just fine on simple scenes with mobile. There are plenty of examples. 3D on mobile in general though requires optimized assets (lower polygon models, smaller textures, simpler shaders, less lights, etc...) relative to desktop and particularly with three.js

blocks|key|1243064|text|iOS和Android浏览器不支持webgl和Web浏览器，有时你可以减少渲染效果来使其工作。通常是这样的。对于app，android+webview的渲染能力较低。Ios有一个更好的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1243065|你可以在你的应用程序中插入一些渲染引擎，比如XWalkView，这是我的一个如何使用它在我的android4.2.0应用程序中用three.js来渲染3D模型。对于IOS，也有相关的解决方案。|1243066|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

iOS and Android browser support webgl not as well as Web browser, sometimes you can reduce the render effects to make it work. This usually do. For app, android webview render ability is low. Ios have a better one. 

And you can plugin some render engine into you app, such as XWalkView, Here is a <a href="https://stackoverflow.com/a/40858878/6521116">post</a> of mine how to use it to render the 3D models with three.js in my android4.2.0 App. For IOS there is also relevance solutions.

blocks|key|833471|text|对此问题选择的答案建议使用Three.js+CanvasRenderer，但如文档中所示，CanvasRenderer已被弃用：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|833472|833473|注意:+Canvas渲染器已被弃用，不再是Three.js核心的一部分。|blockquote|833474|833475|833476|值得注意的是，它仍然可以用于简单的3d场景，并且可以在Github+上找到|833477|WebGL在Androids+WebView+v36及更高版本中受支持，如所示。或者，对于较旧的Android+Chrome浏览器，可以通过在浏览器中键入：chrome://flags并选择出现在浏览器窗口中的Enable标题下的Enable+WebGL链接，或者通过从Android+Google+Play商店更新webview来启用webview。|CODE|833478|从iOS+8.0b开始，Mobile+Safari就支持WebGL。|833479|在mobilehtml5.org上，您可以看到哪些移动设备版本支持特定的HTML5功能：|833480|​|833481|📷|atomic|833482|833483|Sony+Xperia+Android2.3也支持WebGL。|833484|entityMap|0|LINK|mutability|MUTABLE|url|http://mobilehtml5.org/|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/3596ac01b6f8a50ad99888f1b57cfeb0.png|imageAlt^0|D|N|0|0|0|0|0|0|26|E|2X|6|37|C|0|0|1|F|0|0|0|0|1|1|0|0|0^^$0|@$1|2|3|4|5|6|7|1G|8|@$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]|$1|G|3|H|5|I|7|1K|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|1L|8|@]|D|@]|E|$]]|$1|K|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|1N|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1O|8|@$9|1P|A|1Q|B|P]|$9|1R|A|1S|B|C]|$9|1T|A|1U|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1V|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1W|8|@]|D|@$9|1X|A|1Y|1|1Z]]|E|$]]|$1|U|3|V|5|6|7|20|8|@]|D|@]|E|$]]|$1|W|3|X|5|Y|7|21|8|@]|D|@$9|22|A|23|1|24]]|E|$]]|$1|Z|3|V|5|6|7|25|8|@]|D|@]|E|$]]|$1|10|3|11|5|6|7|26|8|@]|D|@]|E|$]]|$1|12|3|-4|5|6|7|27|8|@]|D|@]|E|$]]]|13|$14|$5|15|16|17|E|$18|19]]|1A|$5|1B|16|1C|E|$1D|1E|1F|-4]]]]

The chosen answer to this question recommends using the Three.js CanvasRenderer, but as shown <a href="https://threejs.org/docs/#examples/renderers/CanvasRenderer" rel="nofollow noreferrer">here</a> in the Three.js documentation, CanvasRenderer has been deprecated:

<blockquote>
 NOTE: The Canvas renderer has been deprecated and is no longer part of the Three.js core.
</blockquote>

It is important to note that it can still be used for simple 3d scenes and can be found on Github <a href="https://github.com/mrdoob/three.js/blob/master/examples/js/renderers/CanvasRenderer.js" rel="nofollow noreferrer">here</a> 

WebGL is supported in Androids WebView v36 and above, as seen <a href="https://developer.chrome.com/multidevice/webview/overview" rel="nofollow noreferrer">here</a>.
Alternatively with older Android Chrome browsers WebGL can be enabled by typing: <code>chrome://flags</code> into the browser and selecting the Enable link that appears under the Enable WebGL header in the browser window, or by updating webview from the Android Google Play Store.

WebGL has been supported on Mobile Safari since iOS 8.0b.

At <a href="http://mobilehtml5.org/" rel="nofollow noreferrer">mobilehtml5.org</a> you can see what mobile device versions support specific HTML5 features:

<a href="https://i.stack.imgur.com/ovjTg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ovjTg.png" alt="mobile WebGL Support"></a>

Sony Xperia Android 2.3 also supports WebGL.

I am planning to develop a HTML5 with Three.js pages, so that i can achieve 3D screens using that and support for Mobile platforms easily in Cross platform method. I read Three.js uses WebGL, but iOS and Android browsers doesn't support it, so i cannot develop such combination apps.

Could someone please advise, whether i can develop HTML5 with Three.js pages to achieve 3D interactions on iOS and Android apps or not as web app? If not, please give me the official links where it is mentioned that it is not supported.

Thank you.

iOS: HTML5 with Three.js development

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我计划开发一个带有Three.js页面的HTML5，这样我就可以使用它实现3D屏幕，并在跨平台方法中轻松支持移动平台。我读到Three.js使用WebGL，但iOS和安卓浏览器不支持它，所以我不能开发这样的组合应用。有人能建议一下，我是否可以开发带有Three.js页面的HTML5，以在iOS和安卓应用程序上实现3D交互，或者不作为web应用程序？如果没有，请给我的官方链接，其中提到，它是不支持的

问iOS:使用Three.js开发的HTML5
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iOS:使用Three.js开发的HTML5EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iOS:使用Three.js开发的HTML5
EN