sangge/hhl_project
1
0
Fork 0
Code Pull Requests Actions Activity

feat: update game

Browse Source
This commit is contained in:
sangge 2023-12-13 20:39:01 +08:00
parent 8f2d6cc1a3
commit cc388b5e56
9 changed files with 188 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
css/game.css → css/qinshihuanggame.css
View File

13
index.html
View File

@ -31,8 +31,17 @@
<button id="start-button" onclick="startGame()"></button> <button id="start-button" onclick="startGame()"></button>
<script> <script>
function startGame() { function startGame() {
// 这里可以添加进入游戏的代码，例如跳转到游戏页面 // 定义游戏页面的数组
window.location.href = 'game.html'; // 假设游戏页面为game.html var gamePages = ['qinshihuanggame.html', 'luoisgame.html'];
// 生成一个随机索引
var randomIndex = Math.floor(Math.random() * gamePages.length);
// 使用随机索引从数组中选择一个游戏页面
var selectedGame = gamePages[randomIndex];
// 跳转到选中的游戏页面
window.location.href = selectedGame;
} }
</script> </script>
</body> </body>

4
js/game.js → js/qinshihuanggame.js
View File

@ -55,7 +55,7 @@ function handleClick(dishName) {
console.log("恭喜，你选对了！"); console.log("恭喜，你选对了！");
if (currentIndex == 9){ if (currentIndex == 9){
setTimeout(function() { setTimeout(function() {
window.location.href = 'win.html'; window.location.href = 'qinshihuangwin.html';
}, 2000); }, 2000);
}else{ }else{
@ -90,7 +90,7 @@ function handleClick(dishName) {
showElement(qinshihuangs[RandomQinShiHuangIndex]) showElement(qinshihuangs[RandomQinShiHuangIndex])
// Delay for 2 seconds before redirecting // Delay for 2 seconds before redirecting
setTimeout(function() { setTimeout(function() {
window.location.href = 'lose.html'; window.location.href = 'qinshihuanglose.html';
}, 2000); }, 2000);
// 这里可以添加结束游戏或其他逻辑 // 这里可以添加结束游戏或其他逻辑
break; break;

99
louisgame.html Normal file
View File

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>路易十六餐厅</title>
<link rel="stylesheet" type="text/css" href="css/qinshihuanggame.css">
</head>
<body>
<!-- 游戏的界面元素 -->
<div id="restaurant">
<div id="desktop">
<img src="asset/pic/qinshihuang/desktop.png" alt="desktop">
</div>
<!-- empires elements-->
<div id="qinshihuang" class="empire">
<img src="asset/pic/qinshihuang/QinShiHuang.png" alt="秦始皇">
</div>
<div id="qinshihuang1" class="empire">
<img src="asset/pic/qinshihuang/QinShiHuang_LeadPoisoning.png" alt="死法1">
</div>
<div id="qinshihuang2" class="empire">
<img src="asset/pic/qinshihuang/QinShiHuang_Meningitis.png" alt="死法2">
</div>
<div id="qinshihuang3" class="empire">
<img src="asset/pic/qinshihuang/QinShiHuang_Murder.png" alt="死法3">
</div>
<!-- customers elements -->
<div id="dialogueBox" class="dialogueBox">
<img src="asset/pic/qinshihuang/DialogueBox.png" alt="对话框">
<div id="dialogueText" class="dialogueText">
</div>
</div>
<div id="hint" class="hint">
<img src="asset/pic/qinshihuang/hint_bottom.png" alt="提示按钮" onclick="handleHint('bottom');">
</div>
<div id="hintpage" class="hintpage">
<img src="asset/pic/qinshihuang/hint_page.png" alt="提示" onclick="handleHint('page');">
</div>
<div id="customer1" class="customer">
<img src="asset/pic/qinshihuang/Customer1_YoungMan.png" alt="中年男">
</div>
<div id="customer1-2" class="customer">
<img src="asset/pic/qinshihuang/UnhappyYoungMan.png" alt="不开心中年男">
</div>
<div id="customer1-3" class="customer">
<img src="asset/pic/qinshihuang/AngryYoungMan.png" alt="生气中年男">
</div>
<div id="customer2" class="customer">
<img src="asset/pic/qinshihuang/Customer2_LittleGirl.png" alt="小女孩">
</div>
<div id="customer2-2" class="customer">
<img src="asset/pic/qinshihuang/UnhappyLittleGirl.png" alt="不开心小女孩">
</div>
<div id="customer2-3" class="customer">
<img src="asset/pic/qinshihuang/AngryLittleGirl.png" alt="生气小女孩">
</div>
<div id="customer3" class="customer">
<img src="asset/pic/qinshihuang/Customer3_OldLady.png" alt="老奶奶">
</div>
<div id="customer3-2" class="customer">
<img src="asset/pic/qinshihuang/UnhappyGrandma.png" alt="不开心老奶奶">
</div>
<div id="customer3-3" class="customer">
<img src="asset/pic/qinshihuang/AngryGrandma.png" alt="生气老奶奶">
</div>
<!-- foods elements -->
<div id="mapo-tofu" class="dish">
<img src="asset/pic/qinshihuang/MapoTofu_FinishedDish.png" alt="麻婆豆腐"
onclick="handleClick('mapo');">
</div>
<div id="roast-duck" class="dish">
<img src="asset/pic/qinshihuang/roast_duck.png" alt="烤鸭"
onclick="handleClick('roast_duck');">
</div>
<div id="yangzhou-fried-rice" class="dish">
<img src="asset/pic/qinshihuang/YangzhouFriedRice.png" alt="扬州炒饭"
onclick="handleClick('Yangzhou');">
</div>
<div id="braised-prawns" class="dish">
<img src="asset/pic/qinshihuang/BraisedPrawns.png" alt="油焖大虾"
onclick="handleClick('Prawns');">
</div>
<div id="kung-pao-chicken" class="dish">
<img src="asset/pic/qinshihuang/KungPaoChicken.png" alt="宫保鸡丁"
onclick="handleClick('Chicken');">
</div>
</div>
<script src="js/qinshihuanggame.js"></script>
</body>
</html>

2
lose.html → louiswin.html
View File

@ -8,7 +8,7 @@
body { body {
text-align: center; text-align: center;
padding-top: 50px; padding-top: 50px;
background-image: url("asset/pic/lose.png"); background-image: url("asset/pic/luois16/win.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.btn { .btn {

2
win.html → luoislose.html
View File

@ -8,7 +8,7 @@
body { body {
text-align: center; text-align: center;
padding-top: 50px; padding-top: 50px;
background-image: url("asset/pic/win.jpg"); background-image: url("asset/pic/luois16/lose.png");
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.btn { .btn {

4
game.html → qinshihuanggame.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>秦始皇餐厅</title> <title>秦始皇餐厅</title>
<link rel="stylesheet" type="text/css" href="css/game.css"> <link rel="stylesheet" type="text/css" href="css/qinshihuanggame.css">
</head> </head>
<body> <body>
@ -93,7 +93,7 @@
</div> </div>
</div> </div>
<script src="js/game.js"></script> <script src="js/qinshihuanggame.js"></script>
</body> </body>
</html> </html>

36
qinshihuanglose.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game Over</title>
<style>
body {
text-align: center;
padding-top: 50px;
background-image: url("asset/pic/qinshihuang/lose.png");
background-repeat: no-repeat;
}
.btn {
position: absolute;
display: inline-block;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
text-decoration: none;
border-radius: 5px;
top: 350px;
left: 825px;
}
h1 {
position: absolute;
top: 290px;
left: 810px;
}
</style>
</head>
<body>
<h1>Game Over</h1>
<a href="index.html" class="btn">Back to Start</a>
</body>
</html>

36
qinshihuangwin.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game Over</title>
<style>
body {
text-align: center;
padding-top: 50px;
background-image: url("asset/pic/qinshihuang/win.jpg");
background-repeat: no-repeat;
}
.btn {
position: absolute;
display: inline-block;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
text-decoration: none;
border-radius: 5px;
top: 350px;
left: 825px;
}
h1 {
position: absolute;
top: 290px;
left: 810px;
}
</style>
</head>
<body>
<h1>Game Over</h1>
<a href="index.html" class="btn">Back to Start</a>
</body>
</html>