美文网首页
WebGL 产品展示页面开发

WebGL 产品展示页面开发

作者: Lif68 | 来源:发表于2020-05-14 14:39 被阅读0次

    核心功能

    3d模型查看:用了商城的一款Oribit Camera插件

    2d序列帧查看部分打算使用Sprites Atalas实现

    对理解功能实现和项目必备技术栈十分有用的页面:

    使用WebAssembly实现H5和页面交互,介绍了通过导出符号来让网页和游戏场景内c#脚本通信

    https://docs.unity3d.com/Manual/webgl-interactingwithbrowserscripting.html

    包括了初始化网页全屏的方法和处理浏览器窗口变化之后的页面更新,调用是在body里面调用,例<body onresize="Reset()",scroll=no,style="overflow:hidden">

    https://blog.csdn.net/weixin_43779625/article/details/90316258

    用来判断平台的方法,该方法应该根据官网WebAssembly教程写进jslib供c#脚本调用

    https://blog.csdn.net/weixin_43779625/article/details/100308202

    function IsPC() // 判断目前运行平台的方法

      {

      var userAgentInfo = navigator.userAgent;

      var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];

      var flag = true;

      for (var v = 0; v < Agents.length; v++)

      {

        if (userAgentInfo.indexOf(Agents[v]) > 0)

      {

        flag = false;

                  break;

      }

      }

      return flag;

      }

    自定义加载页面,实际上就是拷贝官方引擎文件夹下面的template去拓展变成自己的Template,这里要注意一下,如果不想要出现加载页面,只需要将body里面的<div class ="webgl-content">去掉就ok了

    https://blog.csdn.net/blastblade/article/details/84440098

    js脚本里面可以通过window来给网页增加弹窗,用于显示一些重要的信息

    相关文章

      网友评论

          本文标题:WebGL 产品展示页面开发

          本文链接:https://www.haomeiwen.com/subject/enqonhtx.html