WebGL关于网页端与U3D互动的传值方法
本帖最后由 sconi 于 2017-2-16 09:47 编辑 因工作需要,所以对WEBGL进行了研究,期间遇到了挺多坑。所以针对我所遇到的坑,来做个总结。 这是我第一次发布教程类文章,所以如果有遗漏或没说清楚的地方,请留言告诉我。我也是刚刚研究,所以我无法讲清楚其中原理,所以只能写一些解决的方法,和心得体会。 测试环境: 系统:Windows7旗舰版SP1 HTTP服务器:Nodejs //可选服务器,浏览器也可直接运行。 U3D版本:.5.0f3 浏览器:火狐51.0.1 (32 位) 语言:c# javascript html 一个DEMO: http://hecom.in/lab/webgl-chat/ 实现方法: 首先发布Webgl,需要下载的支持组件,自动下载。 安装完毕后,即可发布WebGL版本了。 我第一次发布的时候遇到了错误,没有查询到有用的资料,后来翻墙谷歌也无果。无奈,就将所有脚本剪切出项目,排除脚本问题,发现可以发布,于是再将脚本分批导入,排查。发现在原项目中使用了Forms控件,应该是Windows控件造成的。using System.Windows.Forms;//控件本身没有问题,注释相关函数即可生成WebGL。 这是遇到第一个问题,原因应该是U3D的WebGL不支持Forms控件,想想也对。 发布是很简单的,但原项目Mysql不能读取,国内无法获取到有用的信息,翻墙谷歌查找资料,发现WEBGL不支持直连数据库,这耗费了我一天的时间。 查找资料的结果是要通过WEB端获取数据库的值,传值给U3D执行。 大致的流程是 Mysql->Web->Javascript-> 。 通过翻墙谷歌找到一个日本开发者的博客,非常详实的介绍了WebGL 博客地址:http://tips.hecomi.com/entry/2014/12/08/002719 解决的办法: 这是WEB端的代码,通过JavaScript传值给U3D。 在U3D生成的index.html复制一份,改个名字,这样新生成的就不会覆盖修改后的了。 WEB端代码(基本是最小WEBGL框架了):
[HTML]
纯文本查看
复制代码
|