All files / components/layout/Help Help.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
1x
 
1x
17x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
import styles from './Help.module.scss';
 
const Help = () => {
    return (
        <div className={styles.help}>
            <h2>Conway's Game of Life.</h2>
            <h3>Правила игры:</h3>
            <ul>
                <li>- Нажмите на поле для активации клеток, или нажмите кнопку "create", чтобы создать клетки автоматически;</li>
                <li>- Нажмите кнопку "evolve", чтобы запустить движение клеток;</li>
                <li>- Нажмите кнопку "stop", чтобы остановить движение клеток;</li>
                <li>- Используйте рычажок скорости, чтобы управлять скоростью движения клеток;</li>
                <li>- Нажмите Кнопку "reset", чтобы удалить все клетки и сбросить игру в начальное состояние.</li>
            </ul>
            <h3>Дополнительно:</h3>
            <ul>
                <li>- Можно менять размер поля.</li>
                <li>- Клетки можно делать квадратными, круглыми, треугольными;</li>
                <li>- Клетки можно делать другими цветами или смайликами;</li>
                <li>- Можно переключать тему на белую и темную;</li>
                <li>- Можно переключать сетку поля.</li>
            </ul>
        </div>
    );
};
 
export default Help;