Compare commits

...

1 Commits
0.9.6 ... 0.9.7

Author SHA1 Message Date
Vikeo
63aace2b07 fix typo and adjust touch roulette timings 2024-04-07 23:58:39 +02:00
3 changed files with 10 additions and 7 deletions

View File

@@ -1,7 +1,7 @@
{
"name": "life-trinket",
"private": true,
"version": "0.9.6",
"version": "0.9.7",
"type": "commonjs",
"engines": {
"node": ">=18",

View File

@@ -14,6 +14,10 @@ const getOrientation = () => {
: 'landscape';
};
const ANIMATION_INTRO_LENGTH = 500;
const BEFORE_INTRO_TIMER_LENGTH = 100;
export const FingerGame = () => {
const { players } = usePlayers();
@@ -34,7 +38,7 @@ export const FingerGame = () => {
aboutToStartTimerRef.current = setTimeout(() => {
setSelectedTouchPoint(undefined);
setPlaying(true);
}, 500);
}, ANIMATION_INTRO_LENGTH);
setTimerStarted(true);
return;
@@ -46,7 +50,7 @@ export const FingerGame = () => {
const randomIndex = Math.floor(Math.random() * touchPoints.length);
const randomTouchPoint = touchPoints[randomIndex];
setSelectedTouchPoint(randomTouchPoint);
}, 250);
}, BEFORE_INTRO_TIMER_LENGTH);
return;
}
@@ -99,7 +103,7 @@ export const FingerGame = () => {
aboutToStartTimerRef.current = setTimeout(() => {
setSelectedTouchPoint(undefined);
setPlaying(true);
}, 500);
}, ANIMATION_INTRO_LENGTH);
setTimerStarted(true);
return;
}
@@ -180,7 +184,7 @@ export const FingerGame = () => {
key={`touch-point-${index}`}
data-is-selected={selectedTouchPoint?.id === point.id}
data-unloading={timerStarted}
className="absolute rounded-full translate-x-[-50%] translate-y-[-50%] transition-all duration-1000
className="absolute rounded-full translate-x-[-50%] translate-y-[-50%] transition-all duration-500
h-[75px] w-[75px]
data-[unloading=false]:data-[is-selected=true]:h-[250px] data-[unloading=false]:data-[is-selected=true]:w-[250px]
data-[unloading=true]:h-[0px] data-[unloading=true]:w-[0px] data-[unloading=true]:duration-[400ms]

View File

@@ -8,8 +8,7 @@ const questions = [
'Who has the most piercings?',
'Who has the most expensive shoes?',
'Who has the most most amount of teeth?',
'Who has the most least amount of teeth?',
'Who has the most least amount of teeth?',
'Who has the least amount of teeth?',
'Who lives closest to the equator?',
'Who is the tallest person in the group?',
'Who is the shortest person in the group?',