WebGL 产品展示页面开发

2020-05-14  本文已影响0人  Lif68

核心功能

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来给网页增加弹窗,用于显示一些重要的信息

上一篇下一篇

猜你喜欢

热点阅读