setGameState = _a[1]; var _b = useState(0), score = _b[0], setScore = _b[1]; var _c = useState(0), highScore = _c[0], setHighScore = _c[1]; var _d = useState(SCREEN_HEIGHT / 2 - FOX_SIZE / 2), foxY = _d[0], setFoxY = _d[1]; var _e = useState(0), foxVelocity = _e[0], setFoxVelocity = _e[1]; var _f = useState([]), pipes = _f[0], setPipes = _f[1]; var _g = useState(0), bgX = _g[0], setBgX = _g[1]; var _h = useState(0), groundX = _h[0], setGroundX = _h[1]; var _j = useState(false), foxFlap = _j[0], setFoxFlap = _j[1]; var animationFrame = useRef(null); useEffect(function () { _asyncToGenerator(function () { var storage, e_1; var _a; return __generator(this, function (_b) { switch (_b.label) { case 0: _b.trys.push([0, 2,, 3]); return [4, getMyGlobalStorage()]; case 1: storage = _b.sent(); if ((_a = storage === null || storage === void 0 ? void 0 : storage.jsonStore) === null || _a === void 0 ? void 0 : _a.flappyTapHighScore) { setHighScore(storage.jsonStore.flappyTapHighScore); } return [3, 3]; case 2: e_1 = _b.sent(); return [3, 3]; case 3: return [2]; } }); })(); }, []); useEffect(function () { if (gameState !== 'playing') return; var lastTime = Date.now(); function loop() { var now = Date.now(); var dt = (now - lastTime) / 16.67; lastTime = now; var newFoxVelocity = foxVelocity + GRAVITY * dt; var newFoxY = foxY + newFoxVelocity * dt; if (newFoxY < 0) { newFoxY = 0; newFoxVelocity = 0; } var newPipes = pipes.map(function (pipe) { return __assign(__assign({}, pipe), { x: pipe.x - PIPE_SPEED * dt }); }); if (newPipes.length && newPipes[0].x < -60) { newPipes.shift(); } if (newPipes.length === 0 || newPipes[newPipes.length - 1].x < SCREEN_WIDTH - 220) { newPipes.push({ x: SCREEN_WIDTH, y: getRandomPipeY() }); } var newBgX = bgX - BACKGROUND_SCROLL_SPEED * dt; if (newBgX <= -SCREEN_WIDTH) newBgX += SCREEN_WIDTH; var newGroundX = groundX - PIPE_SPEED * dt; if (newGroundX <= -SCREEN_WIDTH) newGroundX += SCREEN_WIDTH; var collided = false; for (var _i = 0, newPipes_1 = newPipes; _i < newPipes_1.length; _i++) { var pipe_0 = newPipes_1[_i]; if (pipe_0.x < 80 + FOX_SIZE && pipe_0.x + PIPE_WIDTH > 80 && (newFoxY < pipe_0.y || newFoxY + FOX_SIZE > pipe_0.y + PIPE_GAP)) { collided = true; } } if (newFoxY + FOX_SIZE > SCREEN_HEIGHT - GROUND_HEIGHT) { collided = true; } var newScore = score; for (var _a_0 = 0, newPipes_2 = newPipes; _a_0 < newPipes_2.length; _a_0++) { var pipe_1 = newPipes_2[_a_0]; if (pipe_1.x + PIPE_WIDTH < 80 && pipe_1.x + PIPE_WIDTH >= 80 - PIPE_SPEED * dt) { newScore += 1; } } setFoxY(newFoxY); setFoxVelocity(newFoxVelocity); setPipes(newPipes); setBgX(newBgX); setGroundX(newGroundX); setScore(newScore); if (collided) { setGameState('gameover'); if (newScore > highScore) { setHighScore(newScore); overrideMyGlobalStorage({ flappyTapHighScore: newScore }); } return; } animationFrame.current = requestAnimationFrame(loop); } animationFrame.current = requestAnimationFrame(loop); return function () { if (animationFrame.current) cancelAnimationFrame(animationFrame.current); }; }, [gameState, foxY, foxVelocity, pipes, bgX,

FLappy tap!

Comments (0)