vue-unity-webgl的API详细

Vue-Unity-WebGL 是一个 Vue.js 组件，用于在 Vue.js 应用程序中嵌入 Unity 游戏。它允许您轻松地将 Unity 游戏嵌入到 Vue.js 应用程序中，并与 Vue.js 应用程序进行交互。

下面是 Vue-Unity-WebGL 的 API：

### Props

- `src`: Unity 游戏的 WebGL 构建文件的 URL。
- `width`: Unity 游戏的宽度。
- `height`: Unity 游戏的高度。
- `template`: 游戏加载时显示的 HTML 模板。
- `message`: 游戏加载时显示的消息。

### Events

- `unityLoaded`: 当 Unity 游戏加载完成时触发。
- `unityError`: 当 Unity 游戏加载出错时触发。

### Methods

- `unityInstance()`: 返回 Unity 游戏实例。
- `unityContent()`: 返回 Unity 游戏的内容对象。

### 示例

<template>
  <div>
    <vue-unity-webgl
      :src="gameUrl"
      :width="960"
      :height="600"
      :template="loadingTemplate"
      :message="loadingMessage"
      @unityLoaded="onUnityLoaded"
      @unityError="onUnityError"
    ></vue-unity-webgl>
  </div>
</template>

<script>
import VueUnityWebGL from 'vue-unity-webgl';

export default {
  components: {
    VueUnityWebGL,
  },
  data() {
    return {
      gameUrl: 'https://example.com/game',
      loadingTemplate: '<div>Loading...</div>',
      loadingMessage: 'Loading game...',
    };
  },
  methods: {
    onUnityLoaded() {
      console.log('Unity game loaded');
    },
    onUnityError() {
      console.log('Error loading Unity game');
    },
  },
};
</script>