@realsee/vreo 2.5.0 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/PlayController/createHTMLAudioElement.js +5 -12
- package/lib/PlayController/index.js +27 -34
- package/lib/Player/App.js +25 -34
- package/lib/Player/Controller.js +66 -74
- package/lib/Player/custom/SpatialScenePanel/index.js +20 -31
- package/lib/Player/hooks.js +6 -15
- package/lib/Player/index.js +36 -44
- package/lib/Player/modules/Drawer/index.js +8 -17
- package/lib/Player/modules/PopUp/index.js +8 -17
- package/lib/Player/modules/ResizeObserver/index.js +10 -17
- package/lib/Player/modules/VideoAgent/VideoAgentMesh.js +33 -41
- package/lib/Player/modules/VideoAgent/VideoAgentScene.js +16 -25
- package/lib/Player/modules/VideoAgent/index.js +8 -17
- package/lib/Player/modules/Wave/index.js +24 -33
- package/lib/Player/modules/keyframes/BgMusic/index.js +13 -22
- package/lib/Player/modules/keyframes/CameraMovement/index.js +17 -26
- package/lib/Player/modules/keyframes/InfoPanel/index.js +13 -21
- package/lib/Player/modules/keyframes/ModelVideo/index.js +17 -26
- package/lib/Player/modules/keyframes/PanoEffect/index.js +21 -30
- package/lib/Player/modules/keyframes/PanoEffect/lineAnime.js +6 -14
- package/lib/Player/modules/keyframes/PanoTag/index.js +10 -18
- package/lib/Player/modules/keyframes/PanoTextLabel/index.js +19 -28
- package/lib/Player/modules/keyframes/Prompter/index.js +13 -22
- package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js +16 -24
- package/lib/Player/modules/keyframes/VideoEffect/index.js +17 -27
- package/lib/Player/typings.js +1 -5
- package/lib/fivePlugins/CSS3DRenderPlugin/centerPoint.js +3 -9
- package/lib/fivePlugins/CSS3DRenderPlugin/createResizeObserver.js +1 -7
- package/lib/fivePlugins/CSS3DRenderPlugin/evenNumber.js +1 -7
- package/lib/fivePlugins/CSS3DRenderPlugin/index.js +27 -37
- package/lib/fivePlugins/CSS3DRenderPlugin/transformPositionToVector3.js +3 -9
- package/lib/fivePlugins/CameraMovementPlugin/index.js +15 -22
- package/lib/fivePlugins/CameraMovementPlugin/typings.js +6 -10
- package/lib/fivePlugins/ModelTVVideoPlugin/index.js +9 -18
- package/lib/index.js +1 -12
- package/lib/react/index.js +12 -24
- package/lib/shared-utils/Audio.js +27 -37
- package/lib/shared-utils/AudioLike.js +22 -29
- package/lib/shared-utils/Preloader.js +1 -7
- package/lib/shared-utils/addResizeListener.js +4 -11
- package/lib/shared-utils/animationFrame/BetterTween.js +23 -33
- package/lib/shared-utils/animationFrame/index.js +4 -13
- package/lib/shared-utils/animationFrame/tween.js +9 -17
- package/lib/shared-utils/createTransMatrix.js +5 -14
- package/lib/shared-utils/getFileExpandedName.js +1 -7
- package/lib/shared-utils/getMediaInfo.js +8 -19
- package/lib/shared-utils/setElementDataset.js +1 -7
- package/lib/typings/VreoUnit.js +15 -17
- package/package.json +58 -5
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Rotation = exports.CameraMovementEffect = void 0;
|
|
7
1
|
/* eslint-disable prettier/prettier */
|
|
2
|
+
|
|
8
3
|
// eslint-disable-next-line @typescript-eslint/no-empty-interface
|
|
9
|
-
|
|
4
|
+
|
|
5
|
+
export var CameraMovementEffect;
|
|
10
6
|
(function (CameraMovementEffect) {
|
|
11
7
|
CameraMovementEffect["Move"] = "Move";
|
|
12
8
|
CameraMovementEffect["Rotate"] = "Rotate";
|
|
13
|
-
})(CameraMovementEffect || (
|
|
14
|
-
var Rotation;
|
|
9
|
+
})(CameraMovementEffect || (CameraMovementEffect = {}));
|
|
10
|
+
export var Rotation;
|
|
15
11
|
(function (Rotation) {
|
|
16
12
|
Rotation["Clockwise"] = "Clockwise";
|
|
17
13
|
Rotation["Anticlockwise"] = "Anticlockwise";
|
|
18
14
|
Rotation["Loop"] = "Loop";
|
|
19
|
-
})(Rotation || (
|
|
15
|
+
})(Rotation || (Rotation = {}));
|
|
@@ -1,17 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.ModelTVVideoPlugin = void 0;
|
|
9
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
12
|
-
var THREE = _interopRequireWildcard(require("three"));
|
|
13
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
|
|
14
|
-
var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
+
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
3
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
4
|
+
import * as THREE from 'three';
|
|
5
|
+
export var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
|
|
15
6
|
var videoElement = _ref.videoElement;
|
|
16
7
|
var state = {
|
|
17
8
|
videoMeshes: [],
|
|
@@ -158,9 +149,9 @@ var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugi
|
|
|
158
149
|
});
|
|
159
150
|
};
|
|
160
151
|
var load = /*#__PURE__*/function () {
|
|
161
|
-
var _ref2 = (
|
|
152
|
+
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data, videoElement) {
|
|
162
153
|
var video_src, video_poster_src, points;
|
|
163
|
-
return
|
|
154
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
164
155
|
while (1) {
|
|
165
156
|
switch (_context.prev = _context.next) {
|
|
166
157
|
case 0:
|
|
@@ -201,7 +192,7 @@ var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugi
|
|
|
201
192
|
five.on('wantsTapGesture', function (raycaster) {
|
|
202
193
|
if (!state.enabled) return;
|
|
203
194
|
var _raycaster$intersectO = raycaster.intersectObjects(five.scene.children, true),
|
|
204
|
-
_raycaster$intersectO2 = (
|
|
195
|
+
_raycaster$intersectO2 = _slicedToArray(_raycaster$intersectO, 1),
|
|
205
196
|
intersect = _raycaster$intersectO2[0];
|
|
206
197
|
if (!!intersect && /^video/.test(intersect.object.name)) {
|
|
207
198
|
if (state.videoTexture) setMuted(!state.videoTexture.image.muted);
|
|
@@ -222,7 +213,7 @@ var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugi
|
|
|
222
213
|
vector = vector.clone().sub(cameraPosition).normalize();
|
|
223
214
|
var raycaster = new THREE.Raycaster(cameraPosition, vector);
|
|
224
215
|
var _raycaster$intersectO3 = raycaster.intersectObjects(five.scene.children, true),
|
|
225
|
-
_raycaster$intersectO4 = (
|
|
216
|
+
_raycaster$intersectO4 = _slicedToArray(_raycaster$intersectO3, 1),
|
|
226
217
|
intersect = _raycaster$intersectO4[0];
|
|
227
218
|
return !!intersect && /^video/.test(intersect.object.name);
|
|
228
219
|
}).length >= 2;
|
package/lib/index.js
CHANGED
|
@@ -1,12 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Player", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _Player.Player;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _Player = require("./Player");
|
|
1
|
+
export { Player } from "./Player/index.js";
|
package/lib/react/index.js
CHANGED
|
@@ -1,19 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.VreoProvider = void 0;
|
|
9
|
-
exports.useVreoAction = useVreoAction;
|
|
10
|
-
exports.useVreoEventCallback = useVreoEventCallback;
|
|
11
|
-
exports.useVreoPausedState = useVreoPausedState;
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
var _react = require("@realsee/five/react");
|
|
14
|
-
var React = _interopRequireWildcard(require("react"));
|
|
15
|
-
var _Player = require("../Player");
|
|
16
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
+
import { unsafe__useFiveInstance } from '@realsee/five/react';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Player } from "../Player/index.js";
|
|
17
5
|
var VreoContext = /*#__PURE__*/React.createContext(null);
|
|
18
6
|
|
|
19
7
|
/**
|
|
@@ -38,15 +26,15 @@ var VreoContext = /*#__PURE__*/React.createContext(null);
|
|
|
38
26
|
* </FiveProvider>
|
|
39
27
|
* ```
|
|
40
28
|
*/
|
|
41
|
-
var VreoProvider =
|
|
42
|
-
var five =
|
|
29
|
+
export var VreoProvider = function VreoProvider(props) {
|
|
30
|
+
var five = unsafe__useFiveInstance();
|
|
43
31
|
var _React$useState = React.useState(null),
|
|
44
|
-
_React$useState2 = (
|
|
32
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
45
33
|
player = _React$useState2[0],
|
|
46
34
|
setPlayer = _React$useState2[1];
|
|
47
35
|
var playerRef = React.useRef(null);
|
|
48
36
|
React.useEffect(function () {
|
|
49
|
-
playerRef.current = new
|
|
37
|
+
playerRef.current = new Player(five, props.configs || {});
|
|
50
38
|
setPlayer(playerRef.current);
|
|
51
39
|
return function () {
|
|
52
40
|
var _playerRef$current;
|
|
@@ -122,7 +110,7 @@ function useVreoInstance() {
|
|
|
122
110
|
* }
|
|
123
111
|
* ```
|
|
124
112
|
*/
|
|
125
|
-
function useVreoAction() {
|
|
113
|
+
export function useVreoAction() {
|
|
126
114
|
var player = useVreoInstance();
|
|
127
115
|
var load = React.useCallback(function (vreoUnit, currentTime) {
|
|
128
116
|
return player.load(vreoUnit, currentTime);
|
|
@@ -181,7 +169,7 @@ function useVreoAction() {
|
|
|
181
169
|
* }
|
|
182
170
|
* ```
|
|
183
171
|
*/
|
|
184
|
-
function useVreoEventCallback(name, callback, deps) {
|
|
172
|
+
export function useVreoEventCallback(name, callback, deps) {
|
|
185
173
|
var player = useVreoInstance();
|
|
186
174
|
var dependencyList = [player, name];
|
|
187
175
|
if (deps !== undefined) {
|
|
@@ -227,10 +215,10 @@ function useVreoEventCallback(name, callback, deps) {
|
|
|
227
215
|
* }
|
|
228
216
|
* ```
|
|
229
217
|
*/
|
|
230
|
-
function useVreoPausedState() {
|
|
218
|
+
export function useVreoPausedState() {
|
|
231
219
|
var player = useVreoInstance();
|
|
232
220
|
var _React$useState3 = React.useState(player.paused),
|
|
233
|
-
_React$useState4 = (
|
|
221
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
234
222
|
state = _React$useState4[0],
|
|
235
223
|
setState = _React$useState4[1];
|
|
236
224
|
useVreoEventCallback('paused', function () {
|
|
@@ -1,32 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
14
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
18
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
|
|
20
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
22
|
-
function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
|
|
1
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
4
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
6
|
+
import _get from "@babel/runtime/helpers/esm/get";
|
|
7
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
8
|
+
import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
|
|
9
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
|
+
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
11
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
12
|
+
function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
|
|
23
13
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
24
14
|
var blankAudioSrc = 'data:audio/mpeg;base64,//uQxAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAADAAAGhgBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr///////////////////////////////////////////8AAAA5TEFNRTMuOThyAc0AAAAAAAAAABSAJAiqQgAAgAAABobxtI73AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQxAACFEII9ACZ/sJZwWEoEb8w/////N//////JcxjHjf+7/v/H2PzCCFAiDtGeyBCIx7bJJ1mmEEMy6g8mm2c8nrGABB4h2Mkmn//4z/73u773R5qHHu/j/w7Kxkzh5lWRWdsifCkNAnY9Zc1HvDAhjhSHdFkHFzLmabt/AQxSg2wwzLhHIJOBnAWwVY4zrhIYhhc2kvhYDfQ4hDi2Gmh5KyFn8EcGIrHAngNgIwVIEMf5bzbAiTRoAD///8z/KVhkkWEle6IX+d/z4fvH3BShK1e5kmjkCMoxVmXhd4ROlTKo3iipasvTilY21q19ta30/v/0/idPX1v8PNxJL6ramnOVsdvMv2akO0iSYIzdJFirtzWXCZicS9vHqvSKyqm5XJBdqBwPxyfJdykhWTZ0G0ZyTZGpLKxsNwwoRhsx3tZfhwmeOBVISm3impAC/IT/8hP/EKEM1KMdVdVKM2rHV4x7HVXZvbVVKN/qq8CiV9VL9jjH/6l6qf7MBCjZmOqsAibjcP+qqqv0oxqpa/NVW286hPo1nz2L/h8+jXt//uSxCmDU2IK/ECN98KKtE5IYzNoCfbw+u9i5r8PoadUMFPKqWL4LK3T/LCraMSHGkW4bpLXR/E6LlHOVQxmslKVJ8IULktMN06N0FKCpHCoYsjC4F+Z0NVqdNFoGSTjSiyjzLdnZ2fNqTi2eHKONONKLMPMKLONKLMPQRJGlFxZRoKcJFAYEeIFiRQkUWUeYfef//Ko04soswso40UJAgMw8wosososy0EalnZyjQUGBRQGIFggOWUacWUeYmuadrZziQKKEgQsQLAhQkUJAgMQDghltLO1onp0cpkNInSFMqlYeSEJ5AHsqFdOwy1DA2sRmRJKxdKRfLhfLw5BzUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/7ksRRA8AAAaQAAAAgAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=';
|
|
25
15
|
// 下面这段空音频居然在11pro和xr上播不出来
|
|
26
16
|
// const blankAudioSrc = 'data:audio/mpeg;base64,//AAAAHGZ0eXBNNEEgAAAAAE00QSBpc29tbXA0MgAAAAFtZGF0AAAAAAAAABwA0AAHANAABwDQAAcAAAM+bW9vdgAAAGxtdmhkAAAAAN+jti7fo7YuAACsRAAADAAAAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAdB0cmFrAAAAXHRraGQAAAAB36O2Lt+jti4AAAABAAAAAAAADAAAAAAAAAAAAAAAAAABAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAFsbWRpYQAAACBtZGhkAAAAAN+jti7fo7YuAACsRAAADABVxAAAAAAAMWhkbHIAAAAAAAAAAHNvdW4AAAAAAAAAAAAAAABDb3JlIE1lZGlhIEF1ZGlvAAAAARNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAANdzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAAABICAgBRAFAAYAAAA+gAAAPoABYCAgAISCAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAAADAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAwAAAAEAAAAgc3RzegAAAAAAAAAAAAAAAwAAAAQAAAAEAAAABAAAABRzdGNvAAAAAAAAAAEAAAAsAAAA+nVkdGEAAADybWV0YQAAAAAAAAAiaGRscgAAAAAAAAAAbWRpcgAAAAAAAAAAAAAAAAAAAAAAxGlsc3QAAAC8LS0tLQAAABxtZWFuAAAAAGNvbS5hcHBsZS5pVHVuZXMAAAAUbmFtZQAAAABpVHVuU01QQgAAAIRkYXRhAAAAAQAAAAAgMDAwMDAwMDAgMDAwMDA4NDAgMDAwMDAzQzAgMDAwMDAwMDAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMA=='
|
|
27
17
|
|
|
28
|
-
var audioList =
|
|
29
|
-
function getAudio(src) {
|
|
18
|
+
export var audioList = [];
|
|
19
|
+
export function getAudio(src) {
|
|
30
20
|
var audio = audioList.find(function (audio) {
|
|
31
21
|
return !audio.realSrc || audio.realSrc === blankAudioSrc;
|
|
32
22
|
});
|
|
@@ -40,17 +30,17 @@ function getAudio(src) {
|
|
|
40
30
|
}
|
|
41
31
|
return audio;
|
|
42
32
|
}
|
|
43
|
-
function waitForBlankAudioGenerated() {
|
|
33
|
+
export function waitForBlankAudioGenerated() {
|
|
44
34
|
return _waitForBlankAudioGenerated.apply(this, arguments);
|
|
45
35
|
}
|
|
46
36
|
function _waitForBlankAudioGenerated() {
|
|
47
|
-
_waitForBlankAudioGenerated = (
|
|
37
|
+
_waitForBlankAudioGenerated = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
48
38
|
var checkInterval,
|
|
49
39
|
timeout,
|
|
50
40
|
startTime,
|
|
51
41
|
isTimedOut,
|
|
52
42
|
_args = arguments;
|
|
53
|
-
return
|
|
43
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
54
44
|
while (1) {
|
|
55
45
|
switch (_context.prev = _context.next) {
|
|
56
46
|
case 0:
|
|
@@ -92,7 +82,7 @@ function _waitForBlankAudioGenerated() {
|
|
|
92
82
|
}));
|
|
93
83
|
return _waitForBlankAudioGenerated.apply(this, arguments);
|
|
94
84
|
}
|
|
95
|
-
function generateBlankAudio(length) {
|
|
85
|
+
export function generateBlankAudio(length) {
|
|
96
86
|
// 判断一下已经生成几个了,防止重复生成
|
|
97
87
|
var generateLength = length - audioList.length;
|
|
98
88
|
if (generateLength <= 0) return;
|
|
@@ -111,21 +101,21 @@ function initAudio(audio) {
|
|
|
111
101
|
}
|
|
112
102
|
}
|
|
113
103
|
var IAudio = /*#__PURE__*/function (_Audio) {
|
|
114
|
-
(
|
|
104
|
+
_inherits(IAudio, _Audio);
|
|
115
105
|
var _super = _createSuper(IAudio);
|
|
116
106
|
function IAudio(src) {
|
|
117
107
|
var _thisSuper, _this;
|
|
118
|
-
(
|
|
108
|
+
_classCallCheck(this, IAudio);
|
|
119
109
|
_this = _super.call(this, src);
|
|
120
|
-
(
|
|
121
|
-
(
|
|
122
|
-
(
|
|
110
|
+
_defineProperty(_assertThisInitialized(_this), "preload", 'auto');
|
|
111
|
+
_defineProperty(_assertThisInitialized(_this), "realSrc", '');
|
|
112
|
+
_defineProperty(_assertThisInitialized(_this), "inited", false);
|
|
123
113
|
_this.realSrc = src !== null && src !== void 0 ? src : '';
|
|
124
|
-
(
|
|
114
|
+
_get((_thisSuper = _assertThisInitialized(_this), _getPrototypeOf(IAudio.prototype)), "addEventListener", _thisSuper).call(_thisSuper, 'ended', function () {
|
|
125
115
|
_this.src = '';
|
|
126
116
|
});
|
|
127
117
|
var init = function init() {
|
|
128
|
-
return initAudio((
|
|
118
|
+
return initAudio(_assertThisInitialized(_this));
|
|
129
119
|
};
|
|
130
120
|
document.addEventListener('click', init);
|
|
131
121
|
document.addEventListener('touchend', init);
|
|
@@ -135,7 +125,7 @@ var IAudio = /*#__PURE__*/function (_Audio) {
|
|
|
135
125
|
};
|
|
136
126
|
return _this;
|
|
137
127
|
}
|
|
138
|
-
(
|
|
128
|
+
_createClass(IAudio, [{
|
|
139
129
|
key: "src",
|
|
140
130
|
get:
|
|
141
131
|
/**
|
|
@@ -156,4 +146,4 @@ var IAudio = /*#__PURE__*/function (_Audio) {
|
|
|
156
146
|
}
|
|
157
147
|
}]);
|
|
158
148
|
return IAudio;
|
|
159
|
-
}(/*#__PURE__*/(
|
|
149
|
+
}(/*#__PURE__*/_wrapNativeSuper(Audio));
|
|
@@ -1,47 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
11
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
var _five = require("@realsee/five");
|
|
16
|
-
var _animationFrame = require("./animationFrame");
|
|
17
|
-
function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
|
|
1
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
4
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
7
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
+
function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
|
|
18
9
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
10
|
+
import { Subscribe } from '@realsee/five';
|
|
11
|
+
import { requestAnimationFrameInterval } from "./animationFrame/index.js";
|
|
19
12
|
/**
|
|
20
13
|
* 模拟 `<Audio>` 事件。
|
|
21
14
|
*/
|
|
22
15
|
/**
|
|
23
16
|
* 模拟 `<Audio>` 功能:没有音频,但执行逻辑跟 `<Audio>` 相似。
|
|
24
17
|
*/
|
|
25
|
-
var AudioLike =
|
|
26
|
-
(
|
|
18
|
+
export var AudioLike = /*#__PURE__*/function (_Subscribe) {
|
|
19
|
+
_inherits(AudioLike, _Subscribe);
|
|
27
20
|
var _super = _createSuper(AudioLike);
|
|
28
21
|
function AudioLike() {
|
|
29
22
|
var _this;
|
|
30
23
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
31
24
|
duration = _ref.duration;
|
|
32
|
-
(
|
|
25
|
+
_classCallCheck(this, AudioLike);
|
|
33
26
|
_this = _super.call(this);
|
|
34
|
-
(
|
|
35
|
-
(
|
|
36
|
-
(
|
|
37
|
-
(
|
|
38
|
-
(
|
|
27
|
+
_defineProperty(_assertThisInitialized(_this), "$timestamp", null);
|
|
28
|
+
_defineProperty(_assertThisInitialized(_this), "$currentTime", 0);
|
|
29
|
+
_defineProperty(_assertThisInitialized(_this), "$duration", 0);
|
|
30
|
+
_defineProperty(_assertThisInitialized(_this), "muted", false);
|
|
31
|
+
_defineProperty(_assertThisInitialized(_this), "src", '');
|
|
39
32
|
if (duration) {
|
|
40
33
|
_this.$duration = duration;
|
|
41
34
|
}
|
|
42
35
|
return _this;
|
|
43
36
|
}
|
|
44
|
-
(
|
|
37
|
+
_createClass(AudioLike, [{
|
|
45
38
|
key: "setAttribute",
|
|
46
39
|
value: function setAttribute(name, value) {
|
|
47
40
|
// nothing todo
|
|
@@ -56,7 +49,7 @@ var AudioLike = exports.AudioLike = /*#__PURE__*/function (_Subscribe) {
|
|
|
56
49
|
if (this.$timestamp === null) {
|
|
57
50
|
this.$timestamp = performance.now();
|
|
58
51
|
}
|
|
59
|
-
this.stopInterval =
|
|
52
|
+
this.stopInterval = requestAnimationFrameInterval(function () {
|
|
60
53
|
return _this2.requestAnimationFrameLoop();
|
|
61
54
|
});
|
|
62
55
|
this.emit('play');
|
|
@@ -125,5 +118,5 @@ var AudioLike = exports.AudioLike = /*#__PURE__*/function (_Subscribe) {
|
|
|
125
118
|
}
|
|
126
119
|
}]);
|
|
127
120
|
return AudioLike;
|
|
128
|
-
}(
|
|
129
|
-
|
|
121
|
+
}(Subscribe);
|
|
122
|
+
export default AudioLike;
|
|
@@ -1,13 +1,7 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Preloader = void 0;
|
|
7
1
|
/**
|
|
8
2
|
* 预载器
|
|
9
3
|
*/
|
|
10
|
-
var Preloader =
|
|
4
|
+
export var Preloader = {
|
|
11
5
|
blob: function blob(url) {
|
|
12
6
|
var noop = function noop() {
|
|
13
7
|
return null;
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.addResizeListener = addResizeListener;
|
|
7
|
-
exports.hasResizeListener = hasResizeListener;
|
|
8
1
|
var resizeObserverCache = new Map();
|
|
9
|
-
function addResizeListener(element, resizeHandler) {
|
|
2
|
+
export function addResizeListener(element, resizeHandler) {
|
|
10
3
|
var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
11
4
|
if (!element) return function () {};
|
|
12
5
|
if (immediate) resizeHandler(element.clientWidth, element.clientHeight);
|
|
@@ -19,7 +12,7 @@ function addResizeListener(element, resizeHandler) {
|
|
|
19
12
|
return function () {
|
|
20
13
|
if (element) resizeObserver.unobserve(element);
|
|
21
14
|
if (resizeObserverCache.get(element) === 1) {
|
|
22
|
-
resizeObserverCache
|
|
15
|
+
resizeObserverCache.delete(element);
|
|
23
16
|
}
|
|
24
17
|
};
|
|
25
18
|
} else {
|
|
@@ -35,12 +28,12 @@ function addResizeListener(element, resizeHandler) {
|
|
|
35
28
|
return function () {
|
|
36
29
|
element.removeChild(iframe);
|
|
37
30
|
if (resizeObserverCache.get(element) === 1) {
|
|
38
|
-
resizeObserverCache
|
|
31
|
+
resizeObserverCache.delete(element);
|
|
39
32
|
}
|
|
40
33
|
};
|
|
41
34
|
}
|
|
42
35
|
}
|
|
43
|
-
function hasResizeListener(element) {
|
|
36
|
+
export function hasResizeListener(element) {
|
|
44
37
|
if (!element) return false;
|
|
45
38
|
return resizeObserverCache.get(element) || 0 > 0;
|
|
46
39
|
}
|
|
@@ -1,47 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
exports.tweenProgress = tweenProgress;
|
|
10
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
12
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
13
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
15
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
16
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
|
-
var TWEEN = _interopRequireWildcard(require("@tweenjs/tween.js"));
|
|
18
|
-
var _ = require(".");
|
|
19
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
|
|
20
|
-
function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
|
|
1
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
4
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
7
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
+
function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
|
|
21
9
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
22
|
-
|
|
23
|
-
|
|
10
|
+
import * as TWEEN from '@tweenjs/tween.js';
|
|
11
|
+
import { requestAnimationFrameInterval } from "./index.js";
|
|
12
|
+
export var BetterTween = /*#__PURE__*/function (_TWEEN$Tween) {
|
|
13
|
+
_inherits(BetterTween, _TWEEN$Tween);
|
|
24
14
|
var _super = _createSuper(BetterTween);
|
|
25
15
|
function BetterTween() {
|
|
26
16
|
var _this;
|
|
27
|
-
(
|
|
17
|
+
_classCallCheck(this, BetterTween);
|
|
28
18
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
29
19
|
args[_key] = arguments[_key];
|
|
30
20
|
}
|
|
31
21
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
32
|
-
(
|
|
33
|
-
(
|
|
22
|
+
_defineProperty(_assertThisInitialized(_this), "disposeMethods", []);
|
|
23
|
+
_defineProperty(_assertThisInitialized(_this), "onDispose", function (callback) {
|
|
34
24
|
_this.disposeMethods.push(callback);
|
|
35
|
-
return (
|
|
25
|
+
return _assertThisInitialized(_this);
|
|
36
26
|
});
|
|
37
|
-
(
|
|
27
|
+
_defineProperty(_assertThisInitialized(_this), "play", function () {
|
|
38
28
|
_this.start();
|
|
39
|
-
_this.animationFrameDisposer =
|
|
29
|
+
_this.animationFrameDisposer = requestAnimationFrameInterval(function () {
|
|
40
30
|
return _this.update();
|
|
41
31
|
});
|
|
42
|
-
return (
|
|
32
|
+
return _assertThisInitialized(_this);
|
|
43
33
|
});
|
|
44
|
-
(
|
|
34
|
+
_defineProperty(_assertThisInitialized(_this), "dispose", function () {
|
|
45
35
|
var _this$animationFrameD, _this2;
|
|
46
36
|
_this.stop();
|
|
47
37
|
(_this$animationFrameD = (_this2 = _this).animationFrameDisposer) === null || _this$animationFrameD === void 0 ? void 0 : _this$animationFrameD.call(_this2);
|
|
@@ -49,13 +39,13 @@ var BetterTween = exports.BetterTween = /*#__PURE__*/function (_TWEEN$Tween) {
|
|
|
49
39
|
return fn();
|
|
50
40
|
});
|
|
51
41
|
_this.disposeMethods = [];
|
|
52
|
-
TWEEN.remove((
|
|
42
|
+
TWEEN.remove(_assertThisInitialized(_this));
|
|
53
43
|
});
|
|
54
44
|
return _this;
|
|
55
45
|
}
|
|
56
|
-
return (
|
|
46
|
+
return _createClass(BetterTween);
|
|
57
47
|
}(TWEEN.Tween);
|
|
58
|
-
function tweenProgress(duration) {
|
|
48
|
+
export function tweenProgress(duration) {
|
|
59
49
|
var easing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TWEEN.Easing.Linear.None;
|
|
60
50
|
var tween = new BetterTween({
|
|
61
51
|
progress: 0
|
|
@@ -1,20 +1,11 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
exports.getFrameTime = getFrameTime;
|
|
8
|
-
exports.nextFrame = nextFrame;
|
|
9
|
-
exports.requestAnimationFrameInterval = requestAnimationFrameInterval;
|
|
10
1
|
var _requestAnimationFrame = window.requestAnimationFrame || function (fn) {
|
|
11
2
|
return setTimeout(function () {
|
|
12
3
|
return fn(performance.now());
|
|
13
4
|
}, 16);
|
|
14
5
|
};
|
|
15
6
|
var _cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;
|
|
16
|
-
|
|
17
|
-
function nextFrame(fn) {
|
|
7
|
+
export default _requestAnimationFrame;
|
|
8
|
+
export function nextFrame(fn) {
|
|
18
9
|
var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
19
10
|
if (delay <= 0) _requestAnimationFrame(fn);else _requestAnimationFrame(function () {
|
|
20
11
|
return nextFrame(fn, delay - 1);
|
|
@@ -27,7 +18,7 @@ function nextFrame(fn) {
|
|
|
27
18
|
* @param frame 每秒运行多少次
|
|
28
19
|
* @returns 返回一个函数,调用可以停止 AnimationFrameLoop
|
|
29
20
|
*/
|
|
30
|
-
function requestAnimationFrameInterval(callback) {
|
|
21
|
+
export function requestAnimationFrameInterval(callback) {
|
|
31
22
|
var frame = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 60;
|
|
32
23
|
var index = -1;
|
|
33
24
|
var oldTime = 0;
|
|
@@ -51,7 +42,7 @@ function requestAnimationFrameInterval(callback) {
|
|
|
51
42
|
* 获取两个 AnimationFrame 间隔的时间
|
|
52
43
|
* @returns 返回一个 Promise,resolve 的结果是两个 AnimationFrame 间隔的时间
|
|
53
44
|
*/
|
|
54
|
-
function getFrameTime() {
|
|
45
|
+
export function getFrameTime() {
|
|
55
46
|
var start = Date.now();
|
|
56
47
|
return new Promise(function (resolve) {
|
|
57
48
|
_requestAnimationFrame(function () {
|
|
@@ -1,15 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.clear = void 0;
|
|
7
|
-
exports["default"] = tween;
|
|
8
|
-
exports.tweenProgress = tweenProgress;
|
|
9
|
-
var _tween = require("@tweenjs/tween.js");
|
|
10
|
-
var _index = require("./index");
|
|
1
|
+
import { Tween, Easing } from '@tweenjs/tween.js';
|
|
2
|
+
import { nextFrame, requestAnimationFrameInterval } from "./index.js";
|
|
11
3
|
var disposeMethods = [];
|
|
12
|
-
var clear =
|
|
4
|
+
export var clear = function clear() {
|
|
13
5
|
disposeMethods.forEach(function (dispose) {
|
|
14
6
|
return dispose();
|
|
15
7
|
});
|
|
@@ -26,14 +18,14 @@ var clear = exports.clear = function clear() {
|
|
|
26
18
|
* @param duration 经历时间(s)
|
|
27
19
|
* @param easing 过程动画,默认是 Easing.Linear.None
|
|
28
20
|
*/
|
|
29
|
-
function tween(from, to, duration) {
|
|
30
|
-
var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] :
|
|
31
|
-
var tween = new
|
|
21
|
+
export default function tween(from, to, duration) {
|
|
22
|
+
var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : Easing.Linear.None;
|
|
23
|
+
var tween = new Tween(from).to(to, duration).easing(easing);
|
|
32
24
|
// 这里注意一下,因为 requestAnimationFrameInterval 给的时间是从 0 开始的,tween 动画也从 0 开始
|
|
33
|
-
|
|
25
|
+
nextFrame(function () {
|
|
34
26
|
return tween.start(0);
|
|
35
27
|
});
|
|
36
|
-
var cancelAnimationFrame =
|
|
28
|
+
var cancelAnimationFrame = requestAnimationFrameInterval(function (time) {
|
|
37
29
|
if (tween.update(time) === false) cancelAnimationFrame();
|
|
38
30
|
});
|
|
39
31
|
var destroyMethods = [];
|
|
@@ -57,7 +49,7 @@ function tween(from, to, duration) {
|
|
|
57
49
|
};
|
|
58
50
|
return tween;
|
|
59
51
|
}
|
|
60
|
-
function tweenProgress(duration, easing) {
|
|
52
|
+
export function tweenProgress(duration, easing) {
|
|
61
53
|
return tween({
|
|
62
54
|
progress: 0
|
|
63
55
|
}, {
|