2048-cli-game
Version:
2048 game for terminal.
24 lines (23 loc) • 1.32 kB
JavaScript
import React from 'react';
import Screen from './components/Screen/index.js';
import NumsBoard from './components/NumsBoard/index.js';
import { Box, Text } from 'ink';
import { useGameAction } from './useGameAction.js';
export default function App() {
const { nums, gameOver, gameScore, successNum } = useGameAction();
return (React.createElement(Screen, null,
React.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "center", width: '100%', height: '100%', borderStyle: 'single' },
React.createElement(Box, null,
React.createElement(Text, null,
"\u5F97\u5206: ",
gameScore)),
React.createElement(Box, null,
React.createElement(Text, null,
"\u5DF2\u5408\u6210 ",
successNum,
" \u4E2A 2048 ")),
React.createElement(NumsBoard, { nums: nums }),
React.createElement(Box, null,
React.createElement(Text, null, "\u63D0\u793A: \u6309\u2B61 \u2B63 \u2B60 \u2B62 \u6216 h j k l \u6765\u63A7\u5236\u5408\u5E76\u65B9\u5411")),
React.createElement(Box, null, gameOver && React.createElement(Text, null, "\u6E38\u620F\u7ED3\u675F\u4E86, \u6309 \"r\" \u91CD\u65B0\u5F00\u59CB")))));
}