WebGL关于网页端与U3D互动的传值方法

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，需要下载的支持组件，自动下载。 123.gif (90.54 KB, 下载次数: 0) 下载附件  保存到相册 2017-2-15 18:22 上传 安装完毕后，即可发布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] 纯文本查看 复制代码 ?   01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81