viral-viewer-2 0.2.6 → 0.2.8
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.js +1 -1
- package/dist/components/navigation-cube/components/cube-camera.js.map +1 -1
- package/dist/components/navigation-cube/components/cube-renderer.js +9 -7
- package/dist/components/navigation-cube/components/cube-renderer.js.map +1 -1
- package/dist/components/navigation-cube/viral-navigation-cube.d.ts +3 -3
- package/dist/components/navigation-cube/viral-navigation-cube.js +10 -5
- package/dist/components/navigation-cube/viral-navigation-cube.js.map +1 -1
- package/package.json +1 -1
|
@@ -23,7 +23,7 @@ class CubeCamera {
|
|
|
23
23
|
this.setupCamera();
|
|
24
24
|
}
|
|
25
25
|
setupCamera() {
|
|
26
|
-
if (this.viralNavigationCube.targetElement) {
|
|
26
|
+
if (this.viralNavigationCube.targetElement && this.viralNavigationCube.cubeRenderer) {
|
|
27
27
|
const width = this.viralNavigationCube.targetElement.offsetWidth;
|
|
28
28
|
const height = this.viralNavigationCube.targetElement.offsetHeight;
|
|
29
29
|
this.camera = new three_1.PerspectiveCamera(60, width / height, 0.01, 100);
|
|
@@ -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;IAGnB,YAAmB,mBAAwC;QAAxC,wBAAmB,GAAnB,mBAAmB,CAAqB;QAF3D,WAAM,GAA6B,IAAI,CAAC;QACxC,mBAAc,GAA0B,IAAI,CAAC;QAEzC,IAAI,CAAC,WAAW,EAAE,CAAC;IAEvB,CAAC;IACM,WAAW;QACd,IAAI,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE;
|
|
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;IAGnB,YAAmB,mBAAwC;QAAxC,wBAAmB,GAAnB,mBAAmB,CAAqB;QAF3D,WAAM,GAA6B,IAAI,CAAC;QACxC,mBAAc,GAA0B,IAAI,CAAC;QAEzC,IAAI,CAAC,WAAW,EAAE,CAAC;IAEvB,CAAC;IACM,WAAW;QACd,IAAI,IAAI,CAAC,mBAAmB,CAAC,aAAa,IAAI,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE;YACjF,MAAM,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,WAAW,CAAC;YACjE,MAAM,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,YAAY,CAAC;YACnE,IAAI,CAAC,MAAM,GAAG,IAAI,yBAAiB,CAAC,EAAE,EAAE,KAAK,GAAG,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;YACnE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAClC,yBAAc,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC;YACjD,IAAI,CAAC,cAAc,GAAG,IAAI,yBAAc,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;YACjH,IAAI,CAAC,cAAc,CAAC,aAAa,GAAG,KAAK,CAAC;YAC1C,IAAI,CAAC,cAAc,CAAC,aAAa,GAAG,KAAK,CAAC;YAC1C,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YACvC,IAAI,CAAC,cAAc,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC5C,IAAI,CAAC,cAAc,CAAC,kBAAkB,GAAG,IAAI,CAAC;YAC9C,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,MAAM,GAAG,yBAAc,CAAC,MAAM,CAAC,IAAI,CAAC;YACrE,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,KAAK,GAAG,yBAAc,CAAC,MAAM,CAAC,IAAI,CAAC;SACvE;IAEL,CAAC;CACJ;AAzBD,gCAyBC"}
|
|
@@ -21,17 +21,19 @@ class CubeRenderer {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
if (this.viralNavigationCube.cubeCamera && this.viralNavigationCube.cubeCamera.camera)
|
|
24
|
+
if (this.viralNavigationCube.cubeScene && this.viralNavigationCube.cubeCamera && this.viralNavigationCube.cubeCamera.camera)
|
|
25
25
|
this.renderer.render(this.viralNavigationCube.cubeScene.scene, this.viralNavigationCube.cubeCamera.camera);
|
|
26
26
|
}
|
|
27
27
|
anim() {
|
|
28
28
|
var _a;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
if (this.viralNavigationCube.cubeCamera && this.viralNavigationCube.cubeCamera.cameraControls) {
|
|
30
|
+
const delta = this.clock.getDelta();
|
|
31
|
+
const elapsed = this.clock.getElapsedTime();
|
|
32
|
+
const updated = (_a = this.viralNavigationCube.cubeCamera.cameraControls) === null || _a === void 0 ? void 0 : _a.update(delta);
|
|
33
|
+
requestAnimationFrame(() => { this.anim(); });
|
|
34
|
+
if (updated) {
|
|
35
|
+
this.render();
|
|
36
|
+
}
|
|
35
37
|
}
|
|
36
38
|
}
|
|
37
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cube-renderer.js","sourceRoot":"","sources":["../../../../src/components/navigation-cube/components/cube-renderer.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAG7C,MAAa,YAAY;IAOrB,YAAmB,mBAAwC;QAAxC,wBAAmB,GAAnB,mBAAmB,CAAqB;QAN3D,UAAK,GAAU,IAAI,aAAK,EAAE,CAAC;QAC3B,aAAQ,GAAkB,IAAI,qBAAa,CAAC;YACxC,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,IAAI;YACf,sBAAsB,EAAE,IAAI;SAC/B,CAAC,CAAC;QAEC,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC;IACM,aAAa;QAChB,IAAI,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE;YACxC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YACzC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;YAC/H,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;SAEhF;IAEL,CAAC;IACM,MAAM;QACT,IAAI,IAAI,CAAC,mBAAmB,CAAC,UAAU,IAAI,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,MAAM;
|
|
1
|
+
{"version":3,"file":"cube-renderer.js","sourceRoot":"","sources":["../../../../src/components/navigation-cube/components/cube-renderer.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAG7C,MAAa,YAAY;IAOrB,YAAmB,mBAAwC;QAAxC,wBAAmB,GAAnB,mBAAmB,CAAqB;QAN3D,UAAK,GAAU,IAAI,aAAK,EAAE,CAAC;QAC3B,aAAQ,GAAkB,IAAI,qBAAa,CAAC;YACxC,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,IAAI;YACf,sBAAsB,EAAE,IAAI;SAC/B,CAAC,CAAC;QAEC,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC;IACM,aAAa;QAChB,IAAI,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE;YACxC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YACzC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;YAC/H,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;SAEhF;IAEL,CAAC;IACM,MAAM;QACT,IAAI,IAAI,CAAC,mBAAmB,CAAC,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,UAAU,IAAI,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,MAAM;YACvH,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAEnH,CAAC;IACM,IAAI;;QACP,IAAI,IAAI,CAAC,mBAAmB,CAAC,UAAU,IAAI,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,cAAc,EAAE;YAC3F,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACpC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAC5C,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,cAAc,0CAAE,MAAM,CAAC,KAAK,CAAC,CAAC;YAElF,qBAAqB,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAA,CAAC,CAAC,CAAC,CAAC;YAE7C,IAAI,OAAO,EAAE;gBACT,IAAI,CAAC,MAAM,EAAE,CAAC;aAEjB;SACJ;IAGL,CAAC;CACJ;AAxCD,oCAwCC"}
|
|
@@ -4,9 +4,9 @@ import { CubeRenderer } from "./components/cube-renderer";
|
|
|
4
4
|
import { CubeScene } from "./components/cube-scene";
|
|
5
5
|
export declare class ViralNavigationCube {
|
|
6
6
|
viralViewerApi: ViralViewerApi;
|
|
7
|
-
cubeScene: CubeScene;
|
|
8
|
-
cubeRenderer: CubeRenderer;
|
|
9
|
-
cubeCamera: CubeCamera;
|
|
7
|
+
cubeScene: CubeScene | null;
|
|
8
|
+
cubeRenderer: CubeRenderer | null;
|
|
9
|
+
cubeCamera: CubeCamera | null;
|
|
10
10
|
targetElement: HTMLElement | null;
|
|
11
11
|
constructor(viralViewerApi: ViralViewerApi);
|
|
12
12
|
private injectCubeWrapperElement;
|
|
@@ -7,12 +7,18 @@ const cube_scene_1 = require("./components/cube-scene");
|
|
|
7
7
|
class ViralNavigationCube {
|
|
8
8
|
constructor(viralViewerApi) {
|
|
9
9
|
this.viralViewerApi = viralViewerApi;
|
|
10
|
+
this.cubeScene = null;
|
|
11
|
+
this.cubeRenderer = null;
|
|
12
|
+
this.cubeCamera = null;
|
|
10
13
|
this.targetElement = null;
|
|
11
14
|
this.injectCubeWrapperElement();
|
|
12
|
-
this.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
this.targetElement = document.getElementById('orientCubeWrapper');
|
|
16
|
+
if (this.targetElement) {
|
|
17
|
+
this.cubeScene = new cube_scene_1.CubeScene(this);
|
|
18
|
+
this.cubeRenderer = new cube_renderer_1.CubeRenderer(this);
|
|
19
|
+
this.cubeCamera = new cube_camera_1.CubeCamera(this);
|
|
20
|
+
this.cubeRenderer.anim();
|
|
21
|
+
}
|
|
16
22
|
}
|
|
17
23
|
injectCubeWrapperElement() {
|
|
18
24
|
const container = document.getElementById('container');
|
|
@@ -24,7 +30,6 @@ class ViralNavigationCube {
|
|
|
24
30
|
<svg xmlns="http://www.w3.org/2000/svg" style="fill:white;cursor: pointer;" height="20px" viewBox="0 0 576 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"/></svg>
|
|
25
31
|
<div id="orientCubeWrapper" style="height:130px;width:130px"></div>
|
|
26
32
|
</div>`;
|
|
27
|
-
this.targetElement = document.getElementById('orientCubeWrapper');
|
|
28
33
|
}
|
|
29
34
|
}
|
|
30
35
|
}
|
|
@@ -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;
|
|
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"}
|