-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
121 lines (117 loc) · 6.62 KB
/
index.html
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width">
<head>
<title>WebSocket Test</title>
<link rel="stylesheet" href="/css/style.css" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
</head>
<body>
<div>
<button class="button-rules">Правила</button>
<div class="modal-inactive">Происходит раздача по одной карте начиная с первого кто присоедини́лся за стол, заканчивая последним кто вошёл в игру.
Следующая карта, после раздачи (Когда на руках по 6 карт), определяет масть козырей , в открытом виде лежит под оставшейся колодой
Кто первый ходит определяется наличием самого малого козыря, в исключительных случаях кто первый зашел в игру.
Расстановка игроков за столом от первого лица, нападаем на игрока слева, отбиваемся от игрока с права (почасовой стрелке)
Игра
Первый ход нельзя перевести (положить карту того же номинала - надо биться (Покрыть большим номиналом той же масти либо козырем)
Ходим по одной карте после того как она побита, можно подкладывать на стол карты других мастей но того же номинала что и на столе ( Не больше чем кол-во карт у защищающегося). Отбивающийся либо использует все свои карты, либо берёт все что есть на столе себе в руку. Ход заканчивается двумя исходами:
Либо отбивающийся взял - тогда он пропускает ход (в этом случае нападает следующий игрок)
Либо отбился - тогда пополняет руку тот кто нападал, потом кто подкидывал и в конце отбивающийся получает из колоды карты (перед ходом , если в колоде есть еще карты, у все игроков должно быть минимум по 6 карт)
Все карты со стола удаляются в "БИТО" - пропадают из игры
Со второго хода, добавляется возможность перевести атаку на следующего игрока, если положить карту того же номинала (она не кроет а ложится рядом) и обе карты придется бить следующему игроку.
Цель игры "Выйти" - использовать все карты в руке в момент когда колода кончится. Тот кто остался с картами на руках последний проиграл.
Правила переводов
Перевести можно только первую атаку - если уже начал бить карты перевод не возможен</div>
</div>
<dialog class="players_number_dialogue">
<div class="logo">
<img src="./img/durak_logo.png" alt="Durak logo" class="logo_img">
</div>
<div class="players_number_flex">
<button class="players_number_button" data-players-number="2">
<p class="text-dark players_number_button_text">Вдвоем</p>
</button>
<button class="players_number_button" data-players-number="3">
<p class="text-dark players_number_button_text">Втроем</p>
</button>
<button class="players_number_button" data-players-number="4">
<p class="text-dark players_number_button_text">Вчетвером</p>
</button>
</div>
</dialog>
<div class="left">
<div class="spare"></div>
<div class="player2_container">
<div class="player2CardsContainer">
<div class="player-title player-title-2">
<h4 class="text-h4">
<span class="badge bg-light text-dark player2-name"></span>
</h4>
<div class="player2-role"></div>
</div>
</div>
</div>
</div>
<div class="right">
<div class="spare"></div>
<div class="player3_container">
<div class="player3CardsContainer">
<div class="player-title player-title-3">
<h4 class="text-h4">
<span class="badge bg-light text-dark player3-name"></span>
</h4>
<div class="player3-role"></div>
</div>
</div>
</div>
</div>
<div class="field">
<header class="header">
<button class="deal_cards">Раздать карты</button>
<div class="player1_container">
<div class="player1CardsContainer"></div>
<div class="player-title-1">
<h4 class="text-h4">
<span class="badge bg-info text-dark player1-role"></span>
</h4>
<h4 class="text-h4">
<span class="badge bg-light text-dark player1-name"></span>
</h4>
</div>
</div>
</header>
<section class="content">
<!-- <div class="data">
<div id="output"></div>
</div> -->
<div class="deck_flex">
</div>
<div class="table_grid"></div>
<div class=></div>
</section>
<footer class="footer">
<div class="player0_container">
<div class="player-title-0">
<h4 class="text-h4">
<span class="badge bg-light player0-name text-dark"></span>
</h4>
<h4 class="text-h4">
<span class="badge bg-info text-dark player0-role"></span>
</h4>
</div>
<div class="player0CardsContainer"></div>
</div>
</footer>
</div>
</body>
<script type="module" src="app.js"></script>
<script src="./modal.js"></script>
<!-- <script src="main.js"></script> -->
</html>