@realsee/dnalogel 3.50.7 → 3.50.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/CHANGELOG.md +7 -0
- package/dist/index.cjs.js +4 -4
- package/dist/index.js +17 -10
- package/dist/index.umd.js +4 -4
- package/libs/CruisePlugin/Work.js +111 -108
- package/libs/base/BasePlugin.js +1 -1
- package/libs/shared-utils/logger.js +1 -1
- package/libs/shared-utils/three/PointSelector/utils/PointHelper.js +35 -31
- package/package.json +1 -1
|
@@ -14,18 +14,18 @@ var k = (h, l, t) => (I(h, typeof l != "symbol" ? l + "" : l, t), t);
|
|
|
14
14
|
var y = (h, l, t) => new Promise((e, r) => {
|
|
15
15
|
var i = (n) => {
|
|
16
16
|
try {
|
|
17
|
-
|
|
18
|
-
} catch (
|
|
19
|
-
r(
|
|
17
|
+
p(t.next(n));
|
|
18
|
+
} catch (a) {
|
|
19
|
+
r(a);
|
|
20
20
|
}
|
|
21
21
|
}, s = (n) => {
|
|
22
22
|
try {
|
|
23
|
-
|
|
24
|
-
} catch (
|
|
25
|
-
r(
|
|
23
|
+
p(t.throw(n));
|
|
24
|
+
} catch (a) {
|
|
25
|
+
r(a);
|
|
26
26
|
}
|
|
27
|
-
},
|
|
28
|
-
|
|
27
|
+
}, p = (n) => n.done ? e(n.value) : Promise.resolve(n.value).then(i, s);
|
|
28
|
+
p((t = t.apply(h, l)).next());
|
|
29
29
|
});
|
|
30
30
|
import { GuideLinePlugin as K } from "../GuideLinePlugin/index.js";
|
|
31
31
|
import { uuid as S } from "../shared-utils/uuid.js";
|
|
@@ -256,28 +256,28 @@ class Sr extends G {
|
|
|
256
256
|
*/
|
|
257
257
|
load(t, e, r) {
|
|
258
258
|
return y(this, null, function* () {
|
|
259
|
-
var
|
|
259
|
+
var o, m;
|
|
260
260
|
this.clear();
|
|
261
261
|
const i = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, s = yield this.formatData(t);
|
|
262
262
|
this.data = g({ id: s.keyframesId }, s), this.hooks.emit("dataChange", s, i);
|
|
263
|
-
let
|
|
264
|
-
const
|
|
265
|
-
|
|
266
|
-
var
|
|
267
|
-
return f.data.panoIndex !== ((
|
|
263
|
+
let p = [], n;
|
|
264
|
+
const a = this.data.keyframes.filter((f) => f.data.panoIndex !== void 0);
|
|
265
|
+
a.filter((f, d) => {
|
|
266
|
+
var u;
|
|
267
|
+
return f.data.panoIndex !== ((u = a[d - 1]) == null ? void 0 : u.data.panoIndex);
|
|
268
268
|
}).map((f) => f.data.panoIndex).forEach((f) => {
|
|
269
|
-
var
|
|
270
|
-
const
|
|
271
|
-
if (
|
|
272
|
-
if (n ===
|
|
273
|
-
const c =
|
|
274
|
-
|
|
269
|
+
var u, v;
|
|
270
|
+
const d = (u = this.workUtil.getObserver(f)) == null ? void 0 : u.floorIndex;
|
|
271
|
+
if (d !== void 0)
|
|
272
|
+
if (n === d) {
|
|
273
|
+
const c = p.length - 1;
|
|
274
|
+
p[c] = [...(v = p[c]) != null ? v : [], f];
|
|
275
275
|
} else {
|
|
276
|
-
n =
|
|
277
|
-
const c =
|
|
278
|
-
|
|
276
|
+
n = d;
|
|
277
|
+
const c = p.length;
|
|
278
|
+
p[c] = [f];
|
|
279
279
|
}
|
|
280
|
-
}), !this.GuideLine && ((
|
|
280
|
+
}), !this.GuideLine && ((o = this.config) == null ? void 0 : o.useGuideLine) !== !1 && s.useGuildLine !== !1 && (this.GuideLine = K(this.five, this.config)), (m = this.GuideLine) == null || m.load({ routes: p.map((f) => ({ panoIndexList: f })), config: s.guildPluginOptions }), e ? this.setState(e, { userAction: r }) : (this.setState({ playing: !1 }, { userAction: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing, { userAction: !1 }), this.changeSpeed(this.state.speed)), this.clearPauseData(), console.debug("WORKPLUGIN loaded", s), this.hooks.emit("dataLoaded", s);
|
|
281
281
|
});
|
|
282
282
|
}
|
|
283
283
|
/**
|
|
@@ -310,33 +310,33 @@ class Sr extends G {
|
|
|
310
310
|
keyframesId: S(),
|
|
311
311
|
keyframes: e.keyframes.map((r, i) => {
|
|
312
312
|
var n;
|
|
313
|
-
const s = e.keyframes[i + 1],
|
|
314
|
-
return x(g({ id: (n = r.uuid) != null ? n : S(), moveIndex: i, stay:
|
|
313
|
+
const s = e.keyframes[i + 1], p = (() => !s || s.start === void 0 || r.end === void 0 ? 0 : s.start - r.end)();
|
|
314
|
+
return x(g({ id: (n = r.uuid) != null ? n : S(), moveIndex: i, stay: p, index: i }, r), { guildPluginOptions: e.guildPluginOptions });
|
|
315
315
|
})
|
|
316
316
|
};
|
|
317
317
|
if (e.panoIndexList) {
|
|
318
318
|
let r = [];
|
|
319
|
-
const { moveEffect: i, moveToFirstPanoEffect: s, moveToFirstPanoDuration:
|
|
320
|
-
return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration =
|
|
321
|
-
const
|
|
319
|
+
const { moveEffect: i, moveToFirstPanoEffect: s, moveToFirstPanoDuration: p } = e;
|
|
320
|
+
return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = p, e.panoIndexList.forEach((n, a) => {
|
|
321
|
+
const o = (() => {
|
|
322
322
|
var v, c;
|
|
323
|
-
const
|
|
324
|
-
if (
|
|
323
|
+
const m = e.panoIndexList.slice(a).find((P) => P !== n);
|
|
324
|
+
if (m === void 0)
|
|
325
325
|
return;
|
|
326
|
-
const f = this.workUtil.getObserverPosition(n),
|
|
327
|
-
if (!
|
|
326
|
+
const f = this.workUtil.getObserverPosition(n), d = this.workUtil.getObserverPosition(m);
|
|
327
|
+
if (!d || !f || ((v = this.workUtil.getObserver(n)) == null ? void 0 : v.floorIndex) !== ((c = this.workUtil.getObserver(m)) == null ? void 0 : c.floorIndex))
|
|
328
328
|
return;
|
|
329
|
-
const
|
|
330
|
-
return A(
|
|
329
|
+
const u = new U.Vector3().subVectors(d, f);
|
|
330
|
+
return A(u.normalize());
|
|
331
331
|
})();
|
|
332
332
|
e.moveType === void 0 || e.moveType === "justMove" ? r.push({
|
|
333
|
-
moveIndex:
|
|
333
|
+
moveIndex: a,
|
|
334
334
|
stay: e.stay,
|
|
335
|
-
data: g({ effect: "Move", panoIndex: n, moveEffect: i },
|
|
336
|
-
}) : e.moveType === "moveAndRotate" && (r.push({ moveIndex:
|
|
335
|
+
data: g({ effect: "Move", panoIndex: n, moveEffect: i }, o != null ? o : {})
|
|
336
|
+
}) : e.moveType === "moveAndRotate" && (r.push({ moveIndex: a, stay: e.stay, data: { effect: "Move", panoIndex: n, moveEffect: i } }), o && r.push({ moveIndex: a, stay: e.stay, data: g({ effect: "Rotate", panoIndex: n }, o) }));
|
|
337
337
|
}), {
|
|
338
338
|
keyframesId: S(),
|
|
339
|
-
keyframes: r.map((n,
|
|
339
|
+
keyframes: r.map((n, a) => g({ id: S(), index: a }, n)),
|
|
340
340
|
guildPluginOptions: e.guildPluginOptions,
|
|
341
341
|
useGuildLine: e.useGuildLine
|
|
342
342
|
};
|
|
@@ -352,51 +352,51 @@ class Sr extends G {
|
|
|
352
352
|
// eslint-disable-next-line complexity
|
|
353
353
|
handlePlay(t) {
|
|
354
354
|
return y(this, null, function* () {
|
|
355
|
-
var
|
|
355
|
+
var d;
|
|
356
356
|
const { data: e, state: r, privateState: i, hooks: s } = this;
|
|
357
357
|
if (i.playing || !(e != null && e.keyframes) || (e == null ? void 0 : e.keyframes.length) === 0)
|
|
358
358
|
return;
|
|
359
|
-
const
|
|
360
|
-
i.playId =
|
|
361
|
-
const n = e.keyframes,
|
|
362
|
-
(t == null ? void 0 : t.notEmitEvent) !== !0 && s.emit("play", { userAction: (
|
|
363
|
-
let
|
|
359
|
+
const p = S();
|
|
360
|
+
i.playId = p, i.playing = !0, i.broke = !1;
|
|
361
|
+
const n = e.keyframes, a = this.getPauseData();
|
|
362
|
+
(t == null ? void 0 : t.notEmitEvent) !== !0 && s.emit("play", { userAction: (d = t == null ? void 0 : t.userAction) != null ? d : !0 });
|
|
363
|
+
let o = !1;
|
|
364
364
|
const f = yield (() => y(this, null, function* () {
|
|
365
|
-
var
|
|
365
|
+
var u, v;
|
|
366
366
|
if ((t == null ? void 0 : t.playFromIndex) !== void 0)
|
|
367
367
|
return t.playFromIndex;
|
|
368
368
|
if ((t == null ? void 0 : t.playFromId) !== void 0)
|
|
369
|
-
return (
|
|
370
|
-
if (
|
|
371
|
-
const c = (v = this.data) == null ? void 0 : v.keyframes.find((P) => P.id ===
|
|
372
|
-
if (
|
|
369
|
+
return (u = this.data) == null ? void 0 : u.keyframes.findIndex((c) => c.id === t.playFromId);
|
|
370
|
+
if (a != null && a.id) {
|
|
371
|
+
const c = (v = this.data) == null ? void 0 : v.keyframes.find((P) => P.id === a.id);
|
|
372
|
+
if (a != null && a.fiveState && (yield this.move(a.fiveState, {
|
|
373
373
|
moveEffect: i.moveToFirstPanoEffect,
|
|
374
374
|
duration: i.moveToFirstPanoDuration
|
|
375
375
|
})), c) {
|
|
376
376
|
if (c.data.effect === "Move")
|
|
377
377
|
return c.index;
|
|
378
378
|
if (c.data.effect === "Rotate") {
|
|
379
|
-
const P =
|
|
380
|
-
return yield this.playKeyframe(c, { duration: P }),
|
|
379
|
+
const P = a.duration !== void 0 ? a.duration * (1 - a.playedProgress) : void 0;
|
|
380
|
+
return yield this.playKeyframe(c, { duration: P }), o = !0, c.index + 1;
|
|
381
381
|
}
|
|
382
382
|
}
|
|
383
383
|
}
|
|
384
384
|
}))();
|
|
385
385
|
this.clearPauseData();
|
|
386
|
-
for (const
|
|
387
|
-
if (i.broke || !r.playing || !i.playing ||
|
|
386
|
+
for (const u of n) {
|
|
387
|
+
if (i.broke || !r.playing || !i.playing || p !== i.playId)
|
|
388
388
|
return;
|
|
389
|
-
if (!(f !== void 0 &&
|
|
389
|
+
if (!(f !== void 0 && u.index < f))
|
|
390
390
|
try {
|
|
391
|
-
s.emit("playIndexChange",
|
|
392
|
-
moveEffect:
|
|
393
|
-
duration:
|
|
394
|
-
}),
|
|
391
|
+
s.emit("playIndexChange", u.index, u), yield this.playKeyframe(u, {
|
|
392
|
+
moveEffect: o === !1 ? i.moveToFirstPanoEffect : void 0,
|
|
393
|
+
duration: o === !1 && typeof i.moveToFirstPanoDuration == "number" ? i.moveToFirstPanoDuration : void 0
|
|
394
|
+
}), u.stay && (yield O(u.stay)), o === !1 && (o = !0);
|
|
395
395
|
} catch (v) {
|
|
396
396
|
return console.error(v), Promise.resolve("broke");
|
|
397
397
|
}
|
|
398
398
|
}
|
|
399
|
-
r.playing &&
|
|
399
|
+
r.playing && p === i.playId && (this.setState({ playing: !1 }, { userAction: !1 }), s.emit("end"), this.clearPauseData());
|
|
400
400
|
});
|
|
401
401
|
}
|
|
402
402
|
/**
|
|
@@ -411,12 +411,14 @@ class Sr extends G {
|
|
|
411
411
|
* @description: Change play speed
|
|
412
412
|
*/
|
|
413
413
|
changeSpeed(t, e = !0) {
|
|
414
|
-
|
|
415
|
-
|
|
414
|
+
var n;
|
|
415
|
+
const { state: r, privateState: i, hooks: s } = this, { currentPlayKeyframe: p } = i;
|
|
416
|
+
if (s.emit("speedChange", t, { userAction: e }), r.playing && p)
|
|
416
417
|
try {
|
|
417
|
-
const
|
|
418
|
-
|
|
419
|
-
} catch (
|
|
418
|
+
const a = p.originDuration !== void 0 ? p.originDuration * (1 - this.getProgress()) : void 0, o = p.keyframe, { privateState: m } = this;
|
|
419
|
+
((n = this.privateState.currentPlayKeyframe) == null ? void 0 : n.keyframe.id) !== o.id && (this.privateState.currentPlayKeyframe = { keyframe: o }), m.currentPlayQueue.push(this.getPlayPromise(o, { duration: a }));
|
|
420
|
+
} catch (a) {
|
|
421
|
+
console.error(a);
|
|
420
422
|
}
|
|
421
423
|
}
|
|
422
424
|
/**
|
|
@@ -462,29 +464,29 @@ class Sr extends G {
|
|
|
462
464
|
var s;
|
|
463
465
|
const i = t.data;
|
|
464
466
|
if (e.duration = (s = e.duration) != null ? s : t.start !== void 0 && t.end !== void 0 ? t.end - t.start : void 0, !!i)
|
|
465
|
-
return new Promise((
|
|
466
|
-
let
|
|
467
|
+
return new Promise((p, n) => {
|
|
468
|
+
let a = !1;
|
|
467
469
|
this.addInterruptListener(() => {
|
|
468
|
-
if (!
|
|
469
|
-
return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }),
|
|
470
|
+
if (!a)
|
|
471
|
+
return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), a = !0, n(new Error("play is interupted"));
|
|
470
472
|
});
|
|
471
473
|
try {
|
|
472
|
-
if (
|
|
474
|
+
if (a)
|
|
473
475
|
return;
|
|
474
|
-
const
|
|
475
|
-
|
|
476
|
+
const o = () => {
|
|
477
|
+
p(), a = !0;
|
|
476
478
|
};
|
|
477
479
|
switch (i.effect) {
|
|
478
480
|
case "Move":
|
|
479
|
-
this.move(i, e).then(
|
|
481
|
+
this.move(i, e).then(o);
|
|
480
482
|
break;
|
|
481
483
|
case "Rotate":
|
|
482
|
-
this.rotate(i, e).then(
|
|
484
|
+
this.rotate(i, e).then(o);
|
|
483
485
|
break;
|
|
484
486
|
default:
|
|
485
|
-
this.rotate(i, e).then(
|
|
487
|
+
this.rotate(i, e).then(o);
|
|
486
488
|
}
|
|
487
|
-
} catch (
|
|
489
|
+
} catch (o) {
|
|
488
490
|
}
|
|
489
491
|
});
|
|
490
492
|
});
|
|
@@ -539,26 +541,26 @@ class Sr extends G {
|
|
|
539
541
|
*/
|
|
540
542
|
updateCamera(r) {
|
|
541
543
|
return y(this, arguments, function* (t, e = {}) {
|
|
542
|
-
const { five: i, privateState: s, state:
|
|
543
|
-
var
|
|
544
|
-
const
|
|
545
|
-
if ((
|
|
544
|
+
const { five: i, privateState: s, state: p } = this, n = (() => {
|
|
545
|
+
var d, u;
|
|
546
|
+
const m = (d = p.config) == null ? void 0 : d.speedConfig, f = (u = t.rotateSpeed) != null ? u : m == null ? void 0 : m.rotateSpeed;
|
|
547
|
+
if ((m == null ? void 0 : m.rotateSpeedUnit) === void 0)
|
|
546
548
|
return f;
|
|
547
549
|
if (f !== void 0)
|
|
548
|
-
return
|
|
549
|
-
})(),
|
|
550
|
+
return m.rotateSpeedUnit === "rad/ms" ? f : f / 1e3;
|
|
551
|
+
})(), a = (() => {
|
|
550
552
|
if (e.duration)
|
|
551
553
|
return e.duration;
|
|
552
554
|
if (n) {
|
|
553
|
-
const
|
|
554
|
-
return L(
|
|
555
|
+
const m = this.five.getCurrentState();
|
|
556
|
+
return L(m, t) / n;
|
|
555
557
|
}
|
|
556
558
|
return 800;
|
|
557
559
|
})();
|
|
558
|
-
s.currentPlayKeyframe && (s.currentPlayKeyframe.originDuration =
|
|
559
|
-
const
|
|
560
|
-
return new Promise((
|
|
561
|
-
T(() => i.updateCamera(t,
|
|
560
|
+
s.currentPlayKeyframe && (s.currentPlayKeyframe.originDuration = a);
|
|
561
|
+
const o = this.getSpeededDuration(a);
|
|
562
|
+
return new Promise((m) => {
|
|
563
|
+
T(() => i.updateCamera(t, o)), setTimeout(() => m(), o);
|
|
562
564
|
});
|
|
563
565
|
});
|
|
564
566
|
}
|
|
@@ -570,36 +572,37 @@ class Sr extends G {
|
|
|
570
572
|
const { five: r, privateState: i, state: s } = this;
|
|
571
573
|
if (typeof t.panoIndex != "number" || t.panoIndex === r.panoIndex)
|
|
572
574
|
return;
|
|
573
|
-
const
|
|
574
|
-
|
|
575
|
+
const p = r.getCurrentState().mode !== "Panorama";
|
|
576
|
+
p && (this.privateState.modeChanging = !0);
|
|
575
577
|
const n = (() => {
|
|
576
|
-
var f,
|
|
577
|
-
const
|
|
578
|
-
if ((
|
|
579
|
-
return
|
|
580
|
-
if (
|
|
581
|
-
return
|
|
582
|
-
})(),
|
|
578
|
+
var f, d;
|
|
579
|
+
const o = (f = s.config) == null ? void 0 : f.speedConfig, m = (d = t.moveSpeed) != null ? d : o == null ? void 0 : o.moveSpeed;
|
|
580
|
+
if ((o == null ? void 0 : o.moveSpeedUnit) === void 0)
|
|
581
|
+
return m;
|
|
582
|
+
if (m !== void 0)
|
|
583
|
+
return o.moveSpeedUnit === "m/ms" ? m : m / 1e3;
|
|
584
|
+
})(), a = (() => {
|
|
583
585
|
if (e != null && e.duration)
|
|
584
586
|
return e.duration;
|
|
585
587
|
if (n && typeof r.panoIndex == "number" && typeof t.panoIndex == "number") {
|
|
586
|
-
const
|
|
587
|
-
return
|
|
588
|
+
const o = this.workUtil.getObserverPosition(r.panoIndex), m = this.workUtil.getObserverPosition(t.panoIndex);
|
|
589
|
+
return o && m ? o.distanceTo(m) / n : 800;
|
|
588
590
|
}
|
|
589
591
|
return 800;
|
|
590
592
|
})();
|
|
591
|
-
i.currentPlayKeyframe && (i.currentPlayKeyframe.originDuration =
|
|
592
|
-
var
|
|
593
|
-
this.fiveUtil.moveToPano(t.panoIndex, {
|
|
593
|
+
i.currentPlayKeyframe && (i.currentPlayKeyframe.originDuration = a), yield new Promise((o) => {
|
|
594
|
+
var f, d, u;
|
|
595
|
+
const m = this.fiveUtil.moveToPano(t.panoIndex, {
|
|
594
596
|
latitude: t.latitude,
|
|
595
597
|
longitude: t.longitude,
|
|
596
598
|
fov: t.fov,
|
|
597
|
-
duration: this.getSpeededDuration(
|
|
598
|
-
effect: (u = (
|
|
599
|
-
moveCancelCallback: () =>
|
|
600
|
-
moveEndCallback: () =>
|
|
601
|
-
})
|
|
602
|
-
|
|
599
|
+
duration: this.getSpeededDuration(a),
|
|
600
|
+
effect: (u = (d = e == null ? void 0 : e.moveEffect) != null ? d : (f = this.state.config) == null ? void 0 : f.moveEffect) != null ? u : t.moveEffect,
|
|
601
|
+
moveCancelCallback: () => o(),
|
|
602
|
+
moveEndCallback: () => o()
|
|
603
|
+
});
|
|
604
|
+
m instanceof Promise && m.then(() => o()), p && r.once("panoArrived", () => o());
|
|
605
|
+
}), p && (this.privateState.modeChanging = !1);
|
|
603
606
|
});
|
|
604
607
|
}
|
|
605
608
|
/**
|
package/libs/base/BasePlugin.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
function A() {
|
|
2
2
|
console.debug(
|
|
3
|
-
"%c %c@realsee/dnalogel %cv3.50.
|
|
3
|
+
"%c %c@realsee/dnalogel %cv3.50.9",
|
|
4
4
|
[
|
|
5
5
|
"background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
|
|
6
6
|
"background-repeat: no-repeat",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
var
|
|
2
|
-
var a = (
|
|
3
|
-
var
|
|
1
|
+
var o = Object.defineProperty;
|
|
2
|
+
var a = (r, s, e) => s in r ? o(r, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[s] = e;
|
|
3
|
+
var n = (r, s, e) => (a(r, typeof s != "symbol" ? s + "" : s, e), e);
|
|
4
4
|
import * as t from "three";
|
|
5
|
-
import { POINT_HELPER_TEXTURE_URL as
|
|
6
|
-
import { CSS3DObjectPlus as
|
|
5
|
+
import { POINT_HELPER_TEXTURE_URL as h } from "../../Assets/index.js";
|
|
6
|
+
import { CSS3DObjectPlus as l } from "../../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
|
|
7
7
|
import { rangePieceImg as c } from "./html.js";
|
|
8
8
|
import { initialCSS3DRender as d } from "../../../five/initialCSS3DRender.js";
|
|
9
9
|
const p = `
|
|
@@ -13,7 +13,7 @@ void main() {
|
|
|
13
13
|
vec4 mvPosition = modelViewMatrix * vec4(position, 1);
|
|
14
14
|
gl_Position = projectionMatrix * mvPosition;
|
|
15
15
|
}
|
|
16
|
-
`,
|
|
16
|
+
`, M = `
|
|
17
17
|
varying vec2 vUv;
|
|
18
18
|
void main() {
|
|
19
19
|
vec2 uv = vec2(vUv.x, vUv.y);
|
|
@@ -22,38 +22,38 @@ void main() {
|
|
|
22
22
|
gl_FragColor = vec4(1.0,1.0,1.0,match);
|
|
23
23
|
}
|
|
24
24
|
`;
|
|
25
|
-
function
|
|
26
|
-
const
|
|
25
|
+
function u() {
|
|
26
|
+
const r = new t.PlaneGeometry(0.4, 0.4), s = h, e = new t.TextureLoader().load(s);
|
|
27
27
|
e.encoding = t.sRGBEncoding, e.minFilter = t.LinearFilter;
|
|
28
|
-
const
|
|
28
|
+
const i = new t.MeshBasicMaterial({
|
|
29
29
|
map: e,
|
|
30
30
|
transparent: !0,
|
|
31
31
|
depthTest: !1
|
|
32
32
|
});
|
|
33
|
-
return new t.Mesh(
|
|
33
|
+
return new t.Mesh(r, i);
|
|
34
34
|
}
|
|
35
|
-
function
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
const
|
|
35
|
+
function v() {
|
|
36
|
+
const r = new t.CurvePath();
|
|
37
|
+
r.add(new t.LineCurve3(new t.Vector3(0, 0, 0), new t.Vector3(0, 0, 0.1)));
|
|
38
|
+
const s = new t.TubeGeometry(r, 8, 3e-3), e = new t.ShaderMaterial({
|
|
39
39
|
vertexShader: p,
|
|
40
|
-
fragmentShader:
|
|
40
|
+
fragmentShader: M,
|
|
41
41
|
depthTest: !1,
|
|
42
42
|
transparent: !0
|
|
43
43
|
});
|
|
44
|
-
return new t.Mesh(
|
|
44
|
+
return new t.Mesh(s, e);
|
|
45
45
|
}
|
|
46
|
-
function
|
|
47
|
-
const
|
|
46
|
+
function m() {
|
|
47
|
+
const r = new t.SphereGeometry(0.01, 20, 20), s = new t.MeshBasicMaterial({
|
|
48
48
|
color: 10349931,
|
|
49
49
|
depthTest: !1,
|
|
50
50
|
transparent: !0,
|
|
51
51
|
side: t.DoubleSide
|
|
52
|
-
}), e = new t.Mesh(
|
|
52
|
+
}), e = new t.Mesh(r, s);
|
|
53
53
|
return e.position.set(0, 0, 0.1), e;
|
|
54
54
|
}
|
|
55
|
-
function
|
|
56
|
-
const
|
|
55
|
+
function b() {
|
|
56
|
+
const s = new l({
|
|
57
57
|
pointerEvents: "none",
|
|
58
58
|
cornerPoints: [
|
|
59
59
|
new t.Vector3(-0.2, 0.2, 0),
|
|
@@ -62,22 +62,26 @@ function w() {
|
|
|
62
62
|
new t.Vector3(0.2, 0.2, 0)
|
|
63
63
|
]
|
|
64
64
|
}), e = document.createElement("div");
|
|
65
|
-
return e.style.width = "100%", e.style.height = "100%", e.style.backgroundImage = `url(${c})`, e.style.backgroundSize = "100%", e.style.backgroundRepeat = "no-repeat",
|
|
65
|
+
return e.style.width = "100%", e.style.height = "100%", e.style.backgroundImage = `url(${c})`, e.style.backgroundSize = "100%", e.style.backgroundRepeat = "no-repeat", s.container.appendChild(e), s;
|
|
66
66
|
}
|
|
67
|
-
class
|
|
67
|
+
class T extends t.Object3D {
|
|
68
68
|
constructor(e) {
|
|
69
69
|
super();
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
this.planeMesh =
|
|
70
|
+
n(this, "planeMesh");
|
|
71
|
+
n(this, "lineMesh");
|
|
72
|
+
n(this, "ballMesh");
|
|
73
|
+
n(this, "borderMesh");
|
|
74
|
+
this.planeMesh = u(), this.lineMesh = v(), this.ballMesh = m(), this.borderMesh = b(), this.addEventListener("added", () => {
|
|
75
|
+
this.add(this.planeMesh, this.lineMesh, this.ballMesh, this.borderMesh);
|
|
76
|
+
}), this.addEventListener("removed", () => {
|
|
77
|
+
this.remove(this.planeMesh, this.lineMesh, this.ballMesh, this.borderMesh);
|
|
78
|
+
}), d(e);
|
|
75
79
|
}
|
|
76
80
|
updateWithIntersect(e) {
|
|
77
81
|
if (!e.face)
|
|
78
82
|
return;
|
|
79
|
-
const
|
|
80
|
-
this.position.copy(e.point), this.lookAt(
|
|
83
|
+
const i = new t.Vector3().addVectors(e.point, e.face.normal);
|
|
84
|
+
this.position.copy(e.point), this.lookAt(i);
|
|
81
85
|
}
|
|
82
86
|
show() {
|
|
83
87
|
this.visible = !0, this.borderMesh.parent || this.add(this.borderMesh);
|
|
@@ -91,5 +95,5 @@ class x extends t.Object3D {
|
|
|
91
95
|
}
|
|
92
96
|
}
|
|
93
97
|
export {
|
|
94
|
-
|
|
98
|
+
T as PointHelper
|
|
95
99
|
};
|