gavin/Tarokka
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

setting to disable remote tilt

Browse Source
This commit is contained in:
Gavin McDonald
2025-07-01 16:43:40 -04:00
parent f61ca0d0a1
commit 4ec4ac0242
2 changed files with 42 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
components/TiltCard.tsx
View File

@@ -14,8 +14,9 @@ export default function TiltCard({
const cardRef = useRef<HTMLDivElement>(null);
const {
gameData,
settings: { tilt },
settings: { tilt, remoteTilt },
setTilt,
tilt: localTilts,
} = useAppContext();
useEffect(() => {
@@ -23,32 +24,44 @@ export default function TiltCard({
if (!card) return;
if (tilt) {
const tilts = gameData.tilts[cardIndex];
if (!tilts.length) {
card.style.transform = `rotateX(0deg) rotateY(0deg)`;
return;
}
if (remoteTilt) {
const tilts = gameData.tilts[cardIndex];
if (!tilts.length) {
card.style.transform = `rotateX(0deg) rotateY(0deg)`;
return;
}
const { totalX, totalY } = tilts.reduce(
({ totalX, totalY }, { rotateX, rotateY }) => ({
totalX: totalX + rotateX,
totalY: totalY + rotateY,
}),
{ totalX: 0, totalY: 0 },
);
const { totalX, totalY } = tilts.reduce(
({ totalX, totalY }, { rotateX, rotateY }) => ({
totalX: totalX + rotateX,
totalY: totalY + rotateY,
}),
{ totalX: 0, totalY: 0 },
);
const rotateX = totalX / tilts.length;
const rotateY = totalY / tilts.length;
const rotateX = totalX / tilts.length;
const rotateY = totalY / tilts.length;
if (rotateX || rotateY) {
card.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
if (rotateX || rotateY) {
card.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
} else {
card.style.transform = `rotateX(0deg) rotateY(0deg)`;
}
} else {
card.style.transform = `rotateX(0deg) rotateY(0deg)`;
console.log(localTilts);
const rotateX = localTilts[cardIndex]?.rotateX || 0;
const rotateY = localTilts[cardIndex]?.rotateY || 0;
if (rotateX || rotateY) {
card.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
} else {
card.style.transform = `rotateX(0deg) rotateY(0deg)`;
}
}
} else if (card.style.transform !== 'rotateX(0deg) rotateY(0deg)') {
card.style.transform = 'rotateX(0deg) rotateY(0deg)';
}
}, [tilt, gameData]);
}, [tilt, localTilts, gameData]);
const handleMouseMove = (e: React.MouseEvent) => {
const card = cardRef.current;