123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- class RotationEvent {
- constructor(e) {
- E(this, "touchStartX");
- E(this, "touchStartY");
- E(this, "handelResize");
- E(this, "_room");
- E(this, "_canvas");
- E(this, "handleTouchStart", e=>{
- const t = e.touches[0];
- this.touchStartX = t.pageX,
- this.touchStartY = t.pageY,
- this._room.emit("touchStart", {
- event: e
- })
- }
- );
- E(this, "handleMouseDown", e=>{
- this.touchStartX = e.pageX,
- this.touchStartY = e.pageY
- }
- );
- E(this, "handleMouseMove", e=>{
- if (!this.touchStartX || !this.touchStartY)
- return;
- const t = e.pageX
- , r = e.pageY
- , n = t - this.touchStartX
- , o = r - this.touchStartY
- , a = this._room.options.canvas.offsetHeight
- , s = this._room.options.canvas.offsetWidth;
- let l = 2 * o / a
- , u = 2 * n / s;
- l > 1 && (l = 1),
- u > 1 && (u = 1),
- this._room.actionsHandler.rotate({
- pitch: l,
- yaw: u
- }),
- this.touchStartX = t,
- this.touchStartY = r
- }
- );
- E(this, "handleMouseUp", ()=>{
- this.touchStartX = void 0,
- this.touchStartY = void 0
- }
- );
- E(this, "handleTouchMove", e=>{
- if (!this.touchStartX || !this.touchStartY)
- return;
- const t = e.touches[0]
- , r = t.pageX
- , n = t.pageY
- , o = r - this.touchStartX
- , a = n - this.touchStartY
- , s = this._room.options.canvas.offsetHeight
- , l = this._room.options.canvas.offsetWidth;
- let u = 2 * a / s
- , c = 2 * o / l;
- u > 1 && (u = 1),
- c > 1 && (c = 1),
- this._room.actionsHandler.rotate({
- pitch: u,
- yaw: c
- }),
- this.touchStartX = r,
- this.touchStartY = n,
- this._room.emit("touchMove", {
- pitch: u,
- yaw: c,
- event: e
- })
- }
- );
- E(this, "handleTouchEnd", e=>{
- this._room.emit("touchEnd", {
- event: e
- })
- }
- );
- this._room = e,
- this._canvas = e.canvas,
- this.handelResize = this.reiszeChange()
- }
- init() {
- this._canvas.addEventListener("touchstart", this.handleTouchStart),
- this._canvas.addEventListener("touchmove", this.handleTouchMove),
- this._canvas.addEventListener("touchend", this.handleTouchEnd),
- this._room.scene.preventDefaultOnPointerDown = !1,
- this._room.scene.preventDefaultOnPointerUp = !1,
- this._canvas.addEventListener("mousedown", this.handleMouseDown),
- this._canvas.addEventListener("mousemove", this.handleMouseMove),
- this._canvas.addEventListener("mouseup", this.handleMouseUp)
- }
- clear() {
- this._canvas.removeEventListener("touchstart", this.handleTouchStart),
- this._canvas.removeEventListener("touchmove", this.handleTouchMove),
- this._canvas.removeEventListener("touchend", this.handleTouchEnd),
- this._canvas.removeEventListener("mousedown", this.handleMouseDown),
- this._canvas.removeEventListener("mousemove", this.handleMouseMove),
- this._canvas.removeEventListener("mouseup", this.handleMouseUp)
- }
- reiszeChange() {
- window.addEventListener("resize", ()=>{}
- )
- }
- }
|