pixi-reels 1.0.0 → 1.0.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # pixi-reels
 
+## 1.0.1
+
+### Patch Changes
+
+- [#150](https://github.com/schmooky/pixi-reels/pull/150) [`6a96d60`](https://github.com/schmooky/pixi-reels/commit/6a96d603cbc8b9f1b80176268850ad9157177c26) Thanks [@igaming-bulochka](https://github.com/igaming-bulochka)! - Fix: buffer-anchored big symbols no longer render empty, and big-symbol blocks no longer jitter, when falling through a tumble cascade. `CascadePlacePhase` now preserves `bufferAbove` target cells, so a "tail-visible" block (anchor above the viewport) keeps its anchor through the animated place path instead of being overwritten with a random symbol and leaving its visible cell empty. The place and drop-in phases now animate each block anchor exactly once instead of once per occupied visible row — previously the duplicate drop tweens fought over the anchor's position (the jitter) and could land it a row off target.
+
 ## 1.0.0
 
 ### Major Changes

package/dist/{debug-BeY8_ibp.js → debug-BxFw0a7S.js}

@@ -2411,18 +2411,26 @@ var te = class extends g {
 		let n = (t.delay ?? 0) / 1e3;
 		n > 0 ? this._delayedCall = e().delayedCall(n, () => this._doPlace()) : this._doPlace();
 	}
+	_placement(e) {
+		let t = this._reel.bufferAbove, n = e.slice(t, t + this._reel.visibleRows);
+		for (let r = 1; r <= t; r++) n[-r] = e[t - r];
+		return n;
+	}
 	_doPlace() {
 		if (this._delayedCall = null, !this._config) return;
-		let e = this._reel, { targetFrame: t, events: n } = this._config, r = t.slice(e.bufferAbove, e.bufferAbove + e.visibleRows);
-		e.placeSymbols(r), e.snapToGrid(), e.notifySpinEnd();
-		let i = W(e.visibleRows, this._config.winnerRows, { initial: this._config.initial }), a = [];
-		for (let t of i) {
-			let n = e.getSymbolAt(t.row);
-			n.view.visible = !0, n.view.alpha = +(t.offsetRows === 0), a.push(n);
+		let e = this._reel, { targetFrame: t, events: n } = this._config;
+		e.placeSymbols(this._placement(t)), e.snapToGrid(), e.notifySpinEnd();
+		let r = W(e.visibleRows, this._config.winnerRows, { initial: this._config.initial }), i = [], a = /* @__PURE__ */ new Set();
+		for (let t of r) {
+			let n = e.getAnchorRow(t.row);
+			if (n !== t.row && a.has(n)) continue;
+			a.add(n);
+			let r = e.getSymbolAt(t.row);
+			r.view.visible = !0, r.view.alpha = +(t.offsetRows === 0), i.push(r);
 		}
 		n.emit("cascade:place:end", {
 			reelIndex: e.reelIndex,
-			placedSymbols: a,
+			placedSymbols: i,
 			isInitial: this._config.initial,
 			winnerRows: this._config.winnerRows
 		}), this._complete();
@@ -2430,8 +2438,8 @@ var te = class extends g {
 	update(e) {}
 	onSkip() {
 		if (this._delayedCall &&= (this._delayedCall.kill(), null), this._config) {
-			let e = this._reel, t = this._config.targetFrame.slice(e.bufferAbove, e.bufferAbove + e.visibleRows);
-			e.placeSymbols(t);
+			let e = this._reel;
+			e.placeSymbols(this._placement(this._config.targetFrame));
 			for (let t = 0; t < e.visibleRows; t++) {
 				let n = e.getSymbolAt(t).view;
 				n.alpha = 1, n.visible = !0;
@@ -2456,52 +2464,55 @@ var te = class extends g {
 		this._drop = U(this._baseDrop, this._speed.tumble?.dropIn), this._skipAbort = new AbortController();
 		let c = s === "gravity" ? "cascade:gravity:start" : "cascade:dropIn:start", l = s === "gravity" ? "cascade:gravity:symbol" : "cascade:dropIn:symbol", u = s === "gravity" ? "cascade:gravity:end" : "cascade:dropIn:end";
 		this._events = a, this._endEvent = u, a.emit(c, { reelIndex: o });
-		let d = W(r, t.winnerRows, { initial: t.initial }), f = [];
+		let d = W(r, t.winnerRows, { initial: t.initial }), f = [], p = /* @__PURE__ */ new Set();
 		for (let e of d) {
-			let a = n.getSymbolAt(e.row);
+			let a = n.getAnchorRow(e.row);
+			if (a !== e.row && p.has(a)) continue;
+			p.add(a);
+			let o = n.getSymbolAt(e.row);
 			if (e.offsetRows === 0) {
-				a.view.visible = !0, a.view.alpha = 1;
+				o.view.visible = !0, o.view.alpha = 1;
 				continue;
 			}
-			let o = a.view.y, c;
+			let c = o.view.y, l;
 			switch (this._drop.distance) {
 				case "auto":
-					c = !t.initial && e.originalRow >= 0 ? e.originalRow * i : o - r * i;
+					l = !t.initial && e.originalRow >= 0 ? e.originalRow * i : c - r * i;
 					break;
 				case "perHole":
-					c = e.originalRow * i;
+					l = e.originalRow * i;
 					break;
-				default: c = o - this._drop.distance;
+				default: l = c - this._drop.distance;
 			}
-			let l = e.originalRow < 0;
-			if (s === "gravity" && l || s === "new" && !l) {
-				s === "gravity" && l ? (a.view.alpha = 0, a.view.visible = !0) : s === "new" && !l && (a.view.y = o, a.view.alpha = 1, a.view.visible = !0);
+			let u = e.originalRow < 0;
+			if (s === "gravity" && u || s === "new" && !u) {
+				s === "gravity" && u ? (o.view.alpha = 0, o.view.visible = !0) : s === "new" && !u && (o.view.y = c, o.view.alpha = 1, o.view.visible = !0);
 				continue;
 			}
-			a.view.y = c, a.view.alpha = 1, a.view.visible = !0, f.push({
+			o.view.y = l, o.view.alpha = 1, o.view.visible = !0, f.push({
 				row: e.row,
-				symbol: a,
-				view: a.view,
-				startY: c,
-				finalY: o,
+				symbol: o,
+				view: o.view,
+				startY: l,
+				finalY: c,
 				offsetRows: e.offsetRows
 			});
 		}
 		this._jobs = f;
-		let p = () => {
+		let m = () => {
 			this._timeline = null, this._jobs = [], a.emit(u, { reelIndex: o }), this._events = null, this._skipAbort = null, s !== "gravity" && n.notifyLanded(), this._complete();
-		}, m = this._drop.duration / 1e3, h = this._drop.rowStagger / 1e3;
-		if (f.length === 0 || m <= 0) {
+		}, h = this._drop.duration / 1e3, g = this._drop.rowStagger / 1e3;
+		if (f.length === 0 || h <= 0) {
 			for (let e of f) e.view.y = e.finalY;
-			p();
+			m();
 			return;
 		}
-		let g = e().timeline({ onComplete: p });
-		this._timeline = g;
-		let _ = this._drop.rowOrder === "bottomToTop";
+		let _ = e().timeline({ onComplete: m });
+		this._timeline = _;
+		let v = this._drop.rowOrder === "bottomToTop";
 		for (let e = 0; e < f.length; e++) {
-			let t = f[e], n = (_ ? f.length - 1 - e : e) * h;
-			g.call(() => {
+			let t = f[e], n = (v ? f.length - 1 - e : e) * g;
+			_.call(() => {
 				let e = this._skipAbort?.signal;
 				e && a.emit(l, {
 					symbol: t.symbol,
@@ -2513,9 +2524,9 @@ var te = class extends g {
 					offsetRows: t.offsetRows,
 					signal: e
 				});
-			}, void 0, n), g.to(t.view, {
+			}, void 0, n), _.to(t.view, {
 				y: t.finalY,
-				duration: m,
+				duration: h,
 				ease: this._drop.ease
 			}, n);
 		}
@@ -2959,4 +2970,4 @@ function oe(e, t) {
 //#endregion
 export { h as C, a as D, c as E, p as S, f as T, O as _, Q as a, x as b, ie as c, P as d, N as f, k as g, A as h, oe as i, W as l, j as m, K as n, X as o, M as p, G as r, Z as s, $ as t, L as u, D as v, m as w, g as x, S as y };
 
-//# sourceMappingURL=debug-BeY8_ibp.js.map
+//# sourceMappingURL=debug-BxFw0a7S.js.map