Обновить index.html

This commit is contained in:
svoboda200786 2025-08-16 10:26:10 +00:00
parent a5247d668d
commit ec74a5b7f2

View File

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