svoboda200786/fighting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Обновить index.html

Browse Source
This commit is contained in:
svoboda200786 2025-08-16 10:26:10 +00:00
parent a5247d668d
commit ec74a5b7f2
1 changed files with 65 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

130
index.html
View File

@ -1,66 +1,66 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>2D Игра</title>
</head>
<body>
<style type="text/css">
body{
background: black;
overflow: hidden;
}
.top-div {
display: flex;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 10px;
font-family: "Arial";
font-size: 10px;
background: black;
color: white;
}
.top-div::after {
content: "Загрузка";
display: flex;
position: absolute;
width: 100%;
height: 100%;
animation: loading 1s ease-in-out infinite;
font-size: 30px;
justify-content: center;
align-items: center;
}
@keyframes loading{
0% {
content: "Загрузка\00a0\00a0\00a0";
}
35% {
content: "Загрузка.\00a0\00a0";
}
65% {
content: "Загрузка..\00a0";
}
100% {
content: "Загрузка...";
}
}
</style>
<div class="container">
<canvas id="gameCanvas"></canvas>
<canvas id="introCanvas"></canvas>
<canvas id="textCanvas"></canvas>
<div class="top-div"></div>
</div>
<script src="./chars.js"></script>
<script src="./typing.js"></script>
<script src="./frame_data.js"></script>
<script src="./ui_panel.js"></script>
<script src="./player.js"></script>
<script src="./enemy.js"></script>
<script src="./battle.js"></script>
</body>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>2D Файтинг</title>
</head>
<body>
<style type="text/css">
body{
background: black;
overflow: hidden;
}
.top-div {
display: flex;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 10px;
font-family: "Arial";
font-size: 10px;
background: black;
color: white;
}
.top-div::after {
content: "Загрузка";
display: flex;
position: absolute;
width: 100%;
height: 100%;
animation: loading 1s ease-in-out infinite;
font-size: 30px;
justify-content: center;
align-items: center;
}
@keyframes loading{
0% {
content: "Загрузка\00a0\00a0\00a0";
}
35% {
content: "Загрузка.\00a0\00a0";
}
65% {
content: "Загрузка..\00a0";
}
100% {
content: "Загрузка...";
}
}
</style>
<div class="container">
<canvas id="gameCanvas"></canvas>
<canvas id="introCanvas"></canvas>
<canvas id="textCanvas"></canvas>
<div class="top-div"></div>
</div>
<script src="./chars.js"></script>
<script src="./typing.js"></script>
<script src="./frame_data.js"></script>
<script src="./ui_panel.js"></script>
<script src="./player.js"></script>
<script src="./enemy.js"></script>
<script src="./battle.js"></script>
</body>
</html>