keep tilts synced

This commit is contained in:
Gavin McDonald
2025-07-01 14:35:32 -04:00
parent 6b3ab9a54e
commit f61ca0d0a1
4 changed files with 29 additions and 21 deletions

View File

@@ -23,15 +23,13 @@ export default function TiltCard({
if (!card) return;
if (tilt) {
const tilt = gameData.tilts[cardIndex];
if (!tilt) {
const tilts = gameData.tilts[cardIndex];
if (!tilts.length) {
card.style.transform = `rotateX(0deg) rotateY(0deg)`;
return;
}
const tilted = tilt.filter(({ rotateX, rotateY }) => rotateX || rotateY);
const { totalX, totalY } = tilted.reduce(
const { totalX, totalY } = tilts.reduce(
({ totalX, totalY }, { rotateX, rotateY }) => ({
totalX: totalX + rotateX,
totalY: totalY + rotateY,
@@ -39,8 +37,8 @@ export default function TiltCard({
{ totalX: 0, totalY: 0 },
);
const rotateX = totalX / tilted.length;
const rotateY = totalY / tilted.length;
const rotateX = totalX / tilts.length;
const rotateY = totalY / tilts.length;
if (rotateX || rotateY) {
card.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;