android webview 加载 基于webgl + three.js 的3D图形网页问题

Azrael_King Azrael_King 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
html 网页中用webgl + three.js画了几个3D的方块。android测试程序中,使用
webview控件加载该html网页。代码如下:

private WebView m_Webgl3D_WV;
private WebSettings m_WebSettings;
@SuppressLint("SetJavaScriptEnabled")
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

m_Webgl3D_WV = (WebView)this.findViewById(R.id.webgl3D_WV);
m_WebSettings = m_Webgl3D_WV.getSettings();
m_WebSettings.setJavaScriptEnabled(true);

String url = "file:///android_asset/webgl_test1.html";
//url = "http://10.2.3.104:8086/webgl_test1.html";
m_Webgl3D_WV.loadUrl(url);
}

分别测试了本地加载html文件和远程加载html文件两种方式。在华为手机mate8(EMUI4.0 android 6.0)上测试,能够正常显示3D图形。但是在华为平板电脑m2-801w(EMUI3.1 android 5.1.1)上测试,正常加载网页,但是不显示3D图。在联想的一款平板电脑(android 4.4.4)上测试,能够正常显示3D图形。
请问华为平板电脑m2-801w对webgl的支持需要做什么特殊的设置吗?从代码层面或系统设置中怎样解决该问题。
...全文

相关推荐

Android 3D模型渲染方案[项目代码]

本文介绍了在Android项目中利用Three.js和WebView实现3D模型渲染的解决方案。相较于Google的Filament库,Three.js+WebView方案避免了Kotlin版本兼容性问题,并显著减小了APK体积(从17.5M降至750k)。实现过程包括在assets中放置必要的JS库和HTML文件,通过WebView加载本地HTML文件来渲染3D模型。文章详细说明了HTML文件的编写要点,包括场景设置、模型加载、光源添加和相机控制等关键代码,并提供了Activity中WebView的配置示例。该方案具有轻量、兼容性好等优势,适合需要集成3D模型的Android应用开发。

mqtt6iot

android3D柱形图

android 上实现3D柱形图分析情况。采用了android 和 html5完美结合。

zhengxia0529

Android三种姿势带你玩转360度全景图功能

可以实现3钟全景模式的demo,适合初学者 1. OpenGL ES 2.Google VR(全景图模块) 3.Three.js(利用前端姿势)WebView混合开发

littlemartin

实现WebView显示360°全景H5的库

实现WebView显示360°全景H5的库,解决部分机型不支持显示360°全景

qq_34697982

WebGL爱心粒子手势互动教程[可运行源码]

本教程详细介绍了如何利用WebGL和Three.js创建一个基于手势控制的3D爱心粒子互动网页。通过MediaPipe Hands技术捕捉用户手掌的张合动作,实时控制由3000个粒子构成的爱心模型的聚散状态。教程涵盖了从项目初始化、爱心数学公式实现、手势识别原理到核心代码片段的完整开发流程,并提供了视觉效果优化建议、使用指南及常见问题解决方案。项目结合了数学美感与交互技术,适合前端开发者学习WebGL动画与计算机视觉的融合应用。

递归诗人
评论 7
收藏 已收藏
分享
返回顶部
Azrael_King
Android 80,489 成员 91,375 内容