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

feat: add new dishes

Browse Source
This commit is contained in:
sangge 2023-12-03 19:46:06 +08:00
parent a48e72dcfd
commit d65bd8fddd
1 changed files with 46 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

131
game.html
View File

@ -1,95 +1,56 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<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>
<style> <link rel="stylesheet" type="text/css" href="css/game.css">
body {
background-image: url('asset/pic/desktop.png');
background-repeat: no-repeat;
}
#desktop{
background-image: url('asset/pic/background.png');
background-repeat: no-repeat;
}
#restaurant .character img {
position: absolute;
width: 1024px;
height: 1024px;
}
#restaurant .dish img {
position: absolute;
left: 1000px;
width: 512px;
height: 512px;
}
#qinshihuang img{ /* 秦始皇 */ </head>
left: 100px; <body>
display: none; <!-- 游戏的界面元素 -->
} <div id="restaurant">
#customer1 img{ /* 中年男 */ <div id="desktop">
left: 800px; <img src="asset/pic/desktop.png" alt="desktop">
display: none; </div>
}
#customer2 img{ /* 小女孩 */
left: 800px;
display: none;
}
#customer3 img{ /* 老奶奶 */
left: 800px;
}
#mapo-tofu img{ /* 麻婆豆腐 */
top: 500px;
display: none;
}
#roast-duck img{ /* 烤鸭 */
top: 500px;
display: none;
}
</style>
</head>
<body>
<!-- 游戏的界面元素 -->
<div id="restaurant">
<div id="desktop">
<img src="asset/pic/desktop.png" alt="desktop">
</div>
<!-- empires elements-->
<div id="qinshihuang" class="character">
<img src="asset/pic/QinShiHuang.png" alt="秦始皇">
</div>
<!-- customers elements --> <!-- empires elements-->
<div id="customer1" class="character"> <div id="qinshihuang" class="empire">
<img src="asset/pic/Customer1_YoungMan.png" alt="中年男"> <img src="asset/pic/QinShiHuang.png" alt="秦始皇">
</div> </div>
<div id="customer2" class="character">
<img src="asset/pic/Customer2_LittleGirl.png" alt="小女孩">
</div>
<div id="customer3" class="character">
<img src="asset/pic/Customer3_OldLady.png" alt="老奶奶">
</div>
<!-- foods elements --> <!-- customers elements -->
<div id="mapo-tofu" class="dish"> <div id="customer1" class="customer">
<img src="asset/pic/MapoTofu_FinishedDish.png" alt="麻婆豆腐"> <img src="asset/pic/Customer1_YoungMan.png" alt="中年男">
</div> </div>
<div id="roast-duck" class="dish"> <div id="customer2" class="customer">
<img src="asset/pic/roast_duck.png" alt="烤鸭"> <img src="asset/pic/Customer2_LittleGirl.png" alt="小女孩">
</div> </div>
<!-- 在这里添加您的餐厅布局和游戏元素 --> <div id="customer3" class="customer">
</div> <img src="asset/pic/Customer3_OldLady.png" alt="老奶奶">
</div>
<script> <!-- foods elements -->
<div id="mapo-tofu" class="dish">
<img src="asset/pic/MapoTofu_FinishedDish.png" alt="麻婆豆腐">
</div>
<div id="roast-duck" class="dish">
<img src="asset/pic/roast_duck.png" alt="烤鸭">
</div>
<div id="yangzhou-fried-rice" class="dish">
<img src="asset/pic/YangzhouFriedRice.png" alt="扬州炒饭">
</div>
<div id="braised-prawns" class="dish">
<img src="asset/pic/BraisedPrawns.png" alt="油焖大虾">
</div>
<div id="kung-pao-chicken" class="dish">
<img src="asset/pic/KungPaoChicken.png" alt="宫保鸡丁">
</div>
</div>
<script>
// 在这里添加您的游戏逻辑 // 在这里添加您的游戏逻辑
// 这将涉及到食客的随机出现，接受订单，点击生成食物，以及满足订单后消失的逻辑 // 这将涉及到食客的随机出现，接受订单，点击生成食物，以及满足订单后消失的逻辑
</script> </script>
</body> </body>
</html> </html>