gm-vite-vr

vite版本vr，父容器需使用position定位

游戏

安装

npm install gm-vite-vr

使用

• template

  <vr :gameSource="gameSource" @onInitDone="onInitDone" @onSceneRenderDone="onSceneRenderDone" @onEvent="onEvent" />

• script

  import vr from "gm-vite-vr/vr.vue"
  import gameSource from './vrSource';

  let vrComponent;
  function onInitDone(ref: any) {
    // 组件初始化完成
    vrComponent = ref;
    vrComponent.renderScene(13);
  }
  function onEvent(names: string[]) {
    // 点击了热点
    console.log(names);
    console.log('点击到了热点：', names[0]);
  }
  function onSceneRenderDone(idx: number) {
    // 场景初始化完成
    console.log('场景渲染完成，下标为：', idx);
    // 镜头拉近或推远动画，配置参数为当前加载场景的camera:{fov:"默认位置",ani: { fov: "镜头需要拉近或推远的重点位置", duration: 1 }}, fov:值越大，镜头越远
    // this.vrComponent.cameraAni({callback:()=>{},ani:{fov:'',duration:1}});
    // this.rotateScene();
  }