@realsee/vreo 0.2.0-alpha.2 → 0.2.0-alpha.3

package/lib/fivePlugins/CameraMovementPlugin/index.js

@@ -128,7 +128,7 @@ var CameraMovementPlugin = function CameraMovementPlugin(five) {
                 var panoIndex = args.panoIndex !== undefined ? args.panoIndex : five.panoIndex;
 
                 if (panoIndex !== undefined) {
-                  five.moveToPano(panoIndex, Object.assign({
+                  var movePanoOptions = {
                     duration: duration,
                     // 移动耗时
                     moveEndCallback: function moveEndCallback() {
@@ -137,9 +137,11 @@ var CameraMovementPlugin = function CameraMovementPlugin(five) {
                     // 移动结束
                     moveCancelCallback: function moveCancelCallback() {
                       return reject(false);
-                    } // 移动开始
-
-                  }, args));
+                    },
+                    // 移动开始
+                    effect: 'fade'
+                  };
+                  five.moveToPano(panoIndex, Object.assign(movePanoOptions, args));
                 } else {
                   reject(false);
                 }

package/lib/fivePlugins/CameraMovementPlugin/typings.d.ts

@@ -1,4 +1,4 @@
-import { Mode, Pose } from '@realsee/five';
+import { Mode, MovePanoOptions, Pose } from '@realsee/five';
 export interface CameraMovementPluginParameterType {
 }
 export interface CameraMovementPluginExportType {
@@ -33,7 +33,7 @@ export interface CameraMovementOptsCallback {
 export declare type MoveArgs = {
     mode: Mode;
     panoIndex: number;
-} & Pose;
+} & Pose & Pick<MovePanoOptions, 'effect'>;
 export declare type MoveOpts = {
     preload?: boolean;
 } & CameraMovementOptsCallback;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/vreo",
-  "version": "0.2.0-alpha.2",
+  "version": "0.2.0-alpha.3",
   "description": "Vreo (VR Video 缩写) 是基于如视三维渲染引擎 Five 和 用户界面构建库 React 实现的如视 3D 空间剧本播放器。",
   "keywords": [
     "realsee",

package/resources/fivePlugins/CameraMovementPlugin/index.ts

@@ -1,4 +1,4 @@
-import { Five } from '@realsee/five'
+import { Five, MovePanoOptions } from '@realsee/five'
 import type { FivePlugin } from '@realsee/five'
 import * as TWEEN from '@tweenjs/tween.js'
 
@@ -97,14 +97,16 @@ export const CameraMovementPlugin: FivePlugin<CameraMovementPluginParameterType,
     return await new Promise<boolean>((resolve, reject) => {
       const panoIndex = args.panoIndex !== undefined ? args.panoIndex : five.panoIndex
       if (panoIndex !== undefined) {
+        const movePanoOptions: MovePanoOptions = {
+          duration, // 移动耗时
+          moveEndCallback: () => resolve(true), // 移动结束
+          moveCancelCallback: () => reject(false), // 移动开始
+          effect: 'fade',
+        }
         five.moveToPano(
           panoIndex,
           Object.assign(
-            {
-              duration, // 移动耗时
-              moveEndCallback: () => resolve(true), // 移动结束
-              moveCancelCallback: () => reject(false), // 移动开始
-            },
+            movePanoOptions,
             args,
           ),
         )

package/resources/fivePlugins/CameraMovementPlugin/typings.ts

@@ -1,5 +1,5 @@
 /* eslint-disable prettier/prettier */
-import { Mode, Pose } from '@realsee/five'
+import { Mode, MovePanoOptions, Pose } from '@realsee/five'
 
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface CameraMovementPluginParameterType { }
@@ -39,7 +39,7 @@ export interface CameraMovementOptsCallback {
 export type MoveArgs = {
   mode: Mode
   panoIndex: number
-} & Pose
+} & Pose & Pick<MovePanoOptions, 'effect'>
 
 export type MoveOpts = {
   preload?: boolean