在vue中使用unity3D实现webGL将要呈现的效果

文章目录

• Vue + webGL + unity3D
• • 1. 什么是webGL?
  • • 1.1 兼容性
  • 2. 什么是unity3D?
  • • 2.1 unity3D 的发展史
    • 2.2 从 JavaScript 调用 Unity 脚本函数
    • 2.2 WebGL 性能注意事项
    • • 2.2.1可在 WebGL 上期待什么样的性能？
      • 2.2.2 影响性能的 WebGL 特有设置
      • 2.2.3 WebGL 性能分析
      • 2.2.4 后台标签中的 WebGL 内容
      • 2.2.5 限制 WebGL 性能
  • 3. 如何在vue中使用unity3D和webGL?
  • • 3.1 新建一个挂载unity3d加载器的vue组件
    • 3.2 使用新建的vue-unity-webgl组件
  • 4. 演示效果

Vue + webGL + unity3D

1. 什么是webGL

WebGL（Web图形库）是一个JavaScript API，可在任何兼容的Web浏览器中渲染高性能的交互式3D和2D图形，而无需使用插件。
WebGL通过引入一个与OpenGL ES 2.0非常一致的API来做到这一点，该API可以在 HTML5 <canvas>元素中使用。
这种一致性使API可以利用用户设备提供的硬件图形加速。

1.1 兼容性

目前支持 WebGL 的浏览器有：

• Firefox 4+
• Google Chrome 9+
• Opera 12+
• Safari 5.1+
• Internet Explorer 11+
• Microsoft Edge build 10240+

然而, WebGL一些特性也需要用户的硬件设备支持。

2. 什么是unity3D

Unity 3D 简称 U3D 或者 Unity，是当今世界范围内主流的 3D 游戏开发引擎，用 Unity 3D 开发的游戏可以在电脑、手机、游戏机、浏览器等几乎所有常见平台上运行。
Unity 3D 是由 Unity Technologies 公司开发的一个让玩家轻松创建诸如三维视频游戏、建筑可视化、实时三维动画等类型互动内容的多平台的综合型游戏开发工具。
Unity 3D 可以运行在 Windows 和MacOS X下，可发布游戏至 Windows、Mac、Wii、iPhone、WebGL（需要 HTML5）、Wind