viral-viewer-2 0.2.7 → 0.2.9
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/dist/components/navigation-cube/components/cube-camera.d.ts +5 -1
- package/dist/components/navigation-cube/components/cube-camera.js +10 -0
- package/dist/components/navigation-cube/components/cube-camera.js.map +1 -1
- package/dist/components/navigation-cube/components/cube-scene.d.ts +1 -0
- package/dist/components/navigation-cube/components/cube-scene.js +1 -0
- package/dist/components/navigation-cube/components/cube-scene.js.map +1 -1
- package/dist/components/navigation-cube/components/cube.mouse.d.ts +9 -0
- package/dist/components/navigation-cube/components/cube.mouse.js +77 -0
- package/dist/components/navigation-cube/components/cube.mouse.js.map +1 -0
- package/dist/components/navigation-cube/viral-navigation-cube.js +1 -0
- package/dist/components/navigation-cube/viral-navigation-cube.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import CameraControls from "camera-controls";
|
|
2
|
-
import { PerspectiveCamera } from 'three';
|
|
2
|
+
import { Vector3, PerspectiveCamera } from 'three';
|
|
3
3
|
import { ViralNavigationCube } from "../viral-navigation-cube";
|
|
4
4
|
export declare class CubeCamera {
|
|
5
5
|
viralNavigationCube: ViralNavigationCube;
|
|
6
6
|
camera: PerspectiveCamera | null;
|
|
7
7
|
cameraControls: CameraControls | null;
|
|
8
|
+
cameraControlOldPosition: Vector3;
|
|
9
|
+
cameraControlNewPosition: Vector3;
|
|
10
|
+
cameraControlHasMoved: boolean;
|
|
8
11
|
constructor(viralNavigationCube: ViralNavigationCube);
|
|
9
12
|
setupCamera(): void;
|
|
13
|
+
private updateCubeCamera;
|
|
10
14
|
}
|
|
@@ -20,6 +20,9 @@ class CubeCamera {
|
|
|
20
20
|
this.viralNavigationCube = viralNavigationCube;
|
|
21
21
|
this.camera = null;
|
|
22
22
|
this.cameraControls = null;
|
|
23
|
+
this.cameraControlOldPosition = new three_1.Vector3();
|
|
24
|
+
this.cameraControlNewPosition = new three_1.Vector3();
|
|
25
|
+
this.cameraControlHasMoved = false;
|
|
23
26
|
this.setupCamera();
|
|
24
27
|
}
|
|
25
28
|
setupCamera() {
|
|
@@ -39,6 +42,13 @@ class CubeCamera {
|
|
|
39
42
|
this.cameraControls.mouseButtons.wheel = camera_controls_1.default.ACTION.NONE;
|
|
40
43
|
}
|
|
41
44
|
}
|
|
45
|
+
updateCubeCamera() {
|
|
46
|
+
this.camera.rotation.copy(this.viralNavigationCube.viralViewerApi.viralCamera.camera.rotation);
|
|
47
|
+
let cameraControlTarget = new three_1.Vector3();
|
|
48
|
+
this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls.getTarget(cameraControlTarget);
|
|
49
|
+
let dir = this.viralNavigationCube.viralViewerApi.viralCamera.camera.position.clone().sub(cameraControlTarget).normalize();
|
|
50
|
+
this.camera.position.copy(dir.multiplyScalar(1.75));
|
|
51
|
+
}
|
|
42
52
|
}
|
|
43
53
|
exports.CubeCamera = CubeCamera;
|
|
44
54
|
//# sourceMappingURL=cube-camera.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cube-camera.js","sourceRoot":"","sources":["../../../../src/components/navigation-cube/components/cube-camera.ts"],"names":[],"mappings":";;;AAAA,qDAA6C;AAC7C,iCAae;AAEf,MAAM,aAAa,GAAG;IAClB,OAAO,EAAE,eAAO;IAChB,OAAO,EAAE,eAAO;IAChB,OAAO,EAAE,eAAO;IAChB,UAAU,EAAE,kBAAU;IACtB,OAAO,EAAE,eAAO;IAChB,SAAS,EAAE,iBAAS;IACpB,IAAI,EAAE,YAAI;IACV,MAAM,EAAE,cAAM;IACd,SAAS,EAAE,iBAAS;IACpB,SAAS,EAAE,iBAAS;CACvB,CAAC;AAEF,MAAa,UAAU;
|
|
1
|
+
{"version":3,"file":"cube-camera.js","sourceRoot":"","sources":["../../../../src/components/navigation-cube/components/cube-camera.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ export declare class CubeScene {
|
|
|
6
6
|
objects: Object3D[];
|
|
7
7
|
cube: Mesh | null;
|
|
8
8
|
planes: Mesh<PlaneGeometry, MeshBasicMaterial>[];
|
|
9
|
+
activePlane: Mesh<PlaneGeometry, MeshBasicMaterial> | null;
|
|
9
10
|
constructor(viralNavigationCube: ViralNavigationCube);
|
|
10
11
|
addObject(object: Object3D): void;
|
|
11
12
|
addCube(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cube-scene.js","sourceRoot":"","sources":["../../../../src/components/navigation-cube/components/cube-scene.ts"],"names":[],"mappings":";;;AAAA,iCAce;AAEf,MAAa,SAAS;
|
|
1
|
+
{"version":3,"file":"cube-scene.js","sourceRoot":"","sources":["../../../../src/components/navigation-cube/components/cube-scene.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ViralNavigationCube } from "../viral-navigation-cube";
|
|
2
|
+
export declare class CubeMouse {
|
|
3
|
+
viralNavigationCube: ViralNavigationCube;
|
|
4
|
+
constructor(viralNavigationCube: ViralNavigationCube);
|
|
5
|
+
private setupMouseClick;
|
|
6
|
+
private handleClick;
|
|
7
|
+
private setupMouseMove;
|
|
8
|
+
private handleMove;
|
|
9
|
+
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
exports.CubeMouse = void 0;
|
|
13
|
+
const three_1 = require("three");
|
|
14
|
+
class CubeMouse {
|
|
15
|
+
constructor(viralNavigationCube) {
|
|
16
|
+
this.viralNavigationCube = viralNavigationCube;
|
|
17
|
+
this.handleClick = (_event) => __awaiter(this, void 0, void 0, function* () {
|
|
18
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
19
|
+
if (!((_a = this.viralNavigationCube.cubeScene) === null || _a === void 0 ? void 0 : _a.activePlane) || ((_b = this.viralNavigationCube.cubeCamera) === null || _b === void 0 ? void 0 : _b.cameraControlHasMoved)) {
|
|
20
|
+
console.log("false");
|
|
21
|
+
return false;
|
|
22
|
+
}
|
|
23
|
+
(_c = this.viralNavigationCube.cubeCamera) === null || _c === void 0 ? void 0 : _c.cameraControlOldPosition.copy((_e = (_d = this.viralNavigationCube.cubeCamera) === null || _d === void 0 ? void 0 : _d.camera) === null || _e === void 0 ? void 0 : _e.position);
|
|
24
|
+
let currentPoint = new three_1.Vector3();
|
|
25
|
+
(_f = this.viralNavigationCube.cubeCamera) === null || _f === void 0 ? void 0 : _f.cameraControls.getTarget(currentPoint);
|
|
26
|
+
let cubeCameraControlsPosition = new three_1.Vector3();
|
|
27
|
+
(_g = this.viralNavigationCube.cubeCamera) === null || _g === void 0 ? void 0 : _g.cameraControls.getPosition(cubeCameraControlsPosition);
|
|
28
|
+
let distance = (_j = (_h = this.viralNavigationCube.cubeCamera) === null || _h === void 0 ? void 0 : _h.camera) === null || _j === void 0 ? void 0 : _j.position.clone().sub(new three_1.Vector3(0, 0, 0)).length();
|
|
29
|
+
(_k = this.viralNavigationCube.cubeCamera) === null || _k === void 0 ? void 0 : _k.cameraControlNewPosition.copy(cubeCameraControlsPosition);
|
|
30
|
+
if (((_l = this.viralNavigationCube.cubeScene) === null || _l === void 0 ? void 0 : _l.activePlane.position.x) !== 0) {
|
|
31
|
+
this.viralNavigationCube.cubeCamera.cameraControlNewPosition.x += ((_m = this.viralNavigationCube.cubeScene) === null || _m === void 0 ? void 0 : _m.activePlane.position.x) < 0 ? -distance : distance;
|
|
32
|
+
}
|
|
33
|
+
else if (((_o = this.viralNavigationCube.cubeScene) === null || _o === void 0 ? void 0 : _o.activePlane.position.y) !== 0) {
|
|
34
|
+
this.viralNavigationCube.cubeCamera.cameraControlNewPosition.y += ((_p = this.viralNavigationCube.cubeScene) === null || _p === void 0 ? void 0 : _p.activePlane.position.y) < 0 ? -distance : distance;
|
|
35
|
+
}
|
|
36
|
+
else if (((_q = this.viralNavigationCube.cubeScene) === null || _q === void 0 ? void 0 : _q.activePlane.position.z) !== 0) {
|
|
37
|
+
this.viralNavigationCube.cubeCamera.cameraControlNewPosition.z += ((_r = this.viralNavigationCube.cubeScene) === null || _r === void 0 ? void 0 : _r.activePlane.position.z) < 0 ? -distance : distance;
|
|
38
|
+
}
|
|
39
|
+
(_s = this.viralNavigationCube.cubeCamera) === null || _s === void 0 ? void 0 : _s.cameraControls.setPosition((((_t = this.viralNavigationCube.cubeScene) === null || _t === void 0 ? void 0 : _t.activePlane.position.x) / 0.51) * 2, (((_u = this.viralNavigationCube.cubeScene) === null || _u === void 0 ? void 0 : _u.activePlane.position.y) / 0.51) * 2, (((_v = this.viralNavigationCube.cubeScene) === null || _v === void 0 ? void 0 : _v.activePlane.position.z) / 0.51) * 2);
|
|
40
|
+
});
|
|
41
|
+
this.handleMove = (_event) => __awaiter(this, void 0, void 0, function* () {
|
|
42
|
+
var _w, _x, _y, _z, _0;
|
|
43
|
+
if ((_w = this.viralNavigationCube.cubeScene) === null || _w === void 0 ? void 0 : _w.activePlane) {
|
|
44
|
+
this.viralNavigationCube.cubeScene.activePlane.material.opacity = 0;
|
|
45
|
+
this.viralNavigationCube.cubeScene.activePlane.material.needsUpdate = true;
|
|
46
|
+
this.viralNavigationCube.cubeScene.activePlane = null;
|
|
47
|
+
}
|
|
48
|
+
let x = _event.offsetX;
|
|
49
|
+
let y = _event.offsetY;
|
|
50
|
+
let size = (_x = this.viralNavigationCube.cubeRenderer) === null || _x === void 0 ? void 0 : _x.renderer.getSize(new three_1.Vector2());
|
|
51
|
+
let mouse = new three_1.Vector2(x / size.width * 2 - 1, -y / size.height * 2 + 1);
|
|
52
|
+
let raycaster = new three_1.Raycaster();
|
|
53
|
+
raycaster.setFromCamera(mouse, (_y = this.viralNavigationCube.cubeCamera) === null || _y === void 0 ? void 0 : _y.camera);
|
|
54
|
+
let intersects = raycaster.intersectObjects((_z = this.viralNavigationCube.cubeScene) === null || _z === void 0 ? void 0 : _z.objects);
|
|
55
|
+
if (intersects.length > 0 && intersects[0].object != ((_0 = this.viralNavigationCube.cubeScene) === null || _0 === void 0 ? void 0 : _0.cube)) {
|
|
56
|
+
this.viralNavigationCube.cubeScene.activePlane = intersects[0].object;
|
|
57
|
+
this.viralNavigationCube.cubeScene.activePlane.material.opacity = 0.2;
|
|
58
|
+
this.viralNavigationCube.cubeScene.activePlane.material.needsUpdate = true;
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
if (this.viralNavigationCube.cubeRenderer) {
|
|
62
|
+
this.setupMouseClick(this.viralNavigationCube.cubeRenderer.renderer.domElement);
|
|
63
|
+
this.setupMouseMove(this.viralNavigationCube.cubeRenderer.renderer.domElement);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
//#region Mouse Click
|
|
67
|
+
setupMouseClick(domElement) {
|
|
68
|
+
domElement.onclick = this.handleClick;
|
|
69
|
+
}
|
|
70
|
+
//#endregion
|
|
71
|
+
//#region Mouse Move
|
|
72
|
+
setupMouseMove(domElement) {
|
|
73
|
+
domElement.onclick = this.handleMove;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
exports.CubeMouse = CubeMouse;
|
|
77
|
+
//# sourceMappingURL=cube.mouse.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cube.mouse.js","sourceRoot":"","sources":["../../../../src/components/navigation-cube/components/cube.mouse.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,iCAae;AACf,MAAa,SAAS;IAElB,YAAmB,mBAAwC;QAAxC,wBAAmB,GAAnB,mBAAmB,CAAqB;QAanD,gBAAW,GAAG,CAAO,MAAkB,EAAE,EAAE;;YAC/C,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,WAAW,CAAA,KAAI,MAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,0CAAE,qBAAqB,CAAA,EAAE;gBAChH,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACrB,OAAO,KAAK,CAAC;aAChB;YAED,MAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,0CAAE,wBAAwB,CAAE,IAAI,CAAC,MAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,0CAAE,MAAM,0CAAE,QAAS,CAAC,CAAC;YAC5H,IAAI,YAAY,GAAG,IAAI,eAAO,EAAE,CAAC;YACjC,MAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,0CAAE,cAAc,CAAE,SAAS,CAAC,YAAY,CAAC,CAAC;YAC7E,IAAI,0BAA0B,GAAG,IAAI,eAAO,EAAE,CAAC;YAC/C,MAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,0CAAE,cAAc,CAAE,WAAW,CAAC,0BAA0B,CAAC,CAAA;YAC5F,IAAI,QAAQ,GAAG,MAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,0CAAE,MAAM,0CAAE,QAAQ,CAC/D,KAAK,GACL,GAAG,CAAC,IAAI,eAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACxB,MAAM,EAAE,CAAC;YACd,MAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,0CAAE,wBAAwB,CAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;YAEhG,IAAI,CAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,MAAK,CAAC,EAAE;gBAClE,IAAI,CAAC,mBAAmB,CAAC,UAAW,CAAC,wBAAyB,CAAC,CAAC,IAAI,CAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAG,CAAC,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC,CAAC,CAAC,QAAS,CAAC;aAC/J;iBAAM,IAAI,CAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,MAAK,CAAC,EAAE;gBACzE,IAAI,CAAC,mBAAmB,CAAC,UAAW,CAAC,wBAAyB,CAAC,CAAC,IAAI,CAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAG,CAAC,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC,CAAC,CAAC,QAAS,CAAC;aAC/J;iBAAM,IAAI,CAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,MAAK,CAAC,EAAE;gBACzE,IAAI,CAAC,mBAAmB,CAAC,UAAW,CAAC,wBAAyB,CAAC,CAAC,IAAI,CAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAG,CAAC,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC,CAAC,CAAC,QAAS,CAAC;aAC/J;YACD,MAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,0CAAE,cAAc,CAAE,WAAW,CAC5D,CAAC,CAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAG,IAAI,CAAC,GAAG,CAAC,EACvE,CAAC,CAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAG,IAAI,CAAC,GAAG,CAAC,EACvE,CAAC,CAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAG,IAAI,CAAC,GAAG,CAAC,CAC1E,CAAC;QACN,CAAC,CAAA,CAAA;QAQO,eAAU,GAAG,CAAO,MAAkB,EAAE,EAAE;;YAC9C,IAAI,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,WAAW,EAAE;gBACjD,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;gBACpE,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;gBAC3E,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;aACzD;YAED,IAAI,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YACvB,IAAI,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YACvB,IAAI,IAAI,GAAG,MAAA,IAAI,CAAC,mBAAmB,CAAC,YAAY,0CAAE,QAAQ,CAAE,OAAO,CAAC,IAAI,eAAO,EAAE,CAAC,CAAC;YACnF,IAAI,KAAK,GAAG,IAAI,eAAO,CAAC,CAAC,GAAG,IAAK,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,IAAK,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YAE5E,IAAI,SAAS,GAAG,IAAI,iBAAS,EAAE,CAAC;YAChC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,MAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,0CAAE,MAAO,CAAC,CAAC;YAC7E,IAAI,UAAU,GAAG,SAAS,CAAC,gBAAgB,CAAC,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,OAAQ,CAAC,CAAC;YAE1F,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,KAAI,MAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,0CAAE,IAAI,CAAA,EAAE;gBAC3F,IAAI,CAAC,mBAAmB,CAAC,SAAU,CAAC,WAAY,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,MAAa,CAAC;gBAC/E,IAAI,CAAC,mBAAmB,CAAC,SAAU,CAAC,WAAY,CAAC,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;gBACxE,IAAI,CAAC,mBAAmB,CAAC,SAAU,CAAC,WAAY,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;aAChF;QACL,CAAC,CAAA,CAAA;QAtEG,IAAI,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE;YACvC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;YAChF,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;SAElF;IAEL,CAAC;IACD,qBAAqB;IACb,eAAe,CAAC,UAA6B;QACjD,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;IAE1C,CAAC;IA+BD,YAAY;IAEZ,oBAAoB;IACZ,cAAc,CAAC,UAA6B;QAChD,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC;IAEzC,CAAC;CAwBJ;AA3ED,8BA2EC"}
|
|
@@ -17,6 +17,7 @@ class ViralNavigationCube {
|
|
|
17
17
|
this.cubeScene = new cube_scene_1.CubeScene(this);
|
|
18
18
|
this.cubeRenderer = new cube_renderer_1.CubeRenderer(this);
|
|
19
19
|
this.cubeCamera = new cube_camera_1.CubeCamera(this);
|
|
20
|
+
this.cubeRenderer.anim();
|
|
20
21
|
}
|
|
21
22
|
}
|
|
22
23
|
injectCubeWrapperElement() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"viral-navigation-cube.js","sourceRoot":"","sources":["../../../src/components/navigation-cube/viral-navigation-cube.ts"],"names":[],"mappings":";;;AACA,0DAAsD;AACtD,8DAA0D;AAC1D,wDAAoD;AAEpD,MAAa,mBAAmB;IAM5B,YAAmB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QALjD,cAAS,GAAqB,IAAI,CAAC;QACnC,iBAAY,GAAwB,IAAI,CAAC;QACzC,eAAU,GAAsB,IAAI,CAAC;QACrC,kBAAa,GAAuB,IAAI,CAAC;QAGrC,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAChC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;QAClE,IAAI,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,SAAS,GAAG,IAAI,sBAAS,CAAC,IAAI,CAAC,CAAC;YACrC,IAAI,CAAC,YAAY,GAAG,IAAI,4BAAY,CAAC,IAAI,CAAC,CAAC;YAC3C,IAAI,CAAC,UAAU,GAAG,IAAI,wBAAU,CAAC,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"viral-navigation-cube.js","sourceRoot":"","sources":["../../../src/components/navigation-cube/viral-navigation-cube.ts"],"names":[],"mappings":";;;AACA,0DAAsD;AACtD,8DAA0D;AAC1D,wDAAoD;AAEpD,MAAa,mBAAmB;IAM5B,YAAmB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QALjD,cAAS,GAAqB,IAAI,CAAC;QACnC,iBAAY,GAAwB,IAAI,CAAC;QACzC,eAAU,GAAsB,IAAI,CAAC;QACrC,kBAAa,GAAuB,IAAI,CAAC;QAGrC,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAChC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;QAClE,IAAI,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,SAAS,GAAG,IAAI,sBAAS,CAAC,IAAI,CAAC,CAAC;YACrC,IAAI,CAAC,YAAY,GAAG,IAAI,4BAAY,CAAC,IAAI,CAAC,CAAC;YAC3C,IAAI,CAAC,UAAU,GAAG,IAAI,wBAAU,CAAC,IAAI,CAAC,CAAC;YACvC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;SAC5B;IACL,CAAC;IACO,wBAAwB;QAC5B,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAEvD,IAAI,SAAS,EAAE;YACX,SAAS,CAAC,SAAS,IAAI;;;;;;2BAMR,CAAA;SAClB;IAGL,CAAC;CACJ;AA/BD,kDA+BC"}
|