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

129
game.html
View File

@ -1,95 +1,56 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>秦始皇餐厅</title>
<style>
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;
}
<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/game.css">
#qinshihuang img{ /* 秦始皇 */
left: 100px;
display: none;
}
#customer1 img{ /* 中年男 */
left: 800px;
display: none;
}
#customer2 img{ /* 小女孩 */
left: 800px;
display: none;
}
#customer3 img{ /* 老奶奶 */
left: 800px;
</head>
<body>
<!-- 游戏的界面元素 -->
<div id="restaurant">
<div id="desktop">
<img src="asset/pic/desktop.png" alt="desktop">
</div>
}
#mapo-tofu img{ /* 麻婆豆腐 */
<!-- empires elements-->
<div id="qinshihuang" class="empire">
<img src="asset/pic/QinShiHuang.png" alt="秦始皇">
</div>
top: 500px;
display: none;
}
#roast-duck img{ /* 烤鸭 */
<!-- customers elements -->
<div id="customer1" class="customer">
<img src="asset/pic/Customer1_YoungMan.png" alt="中年男">
</div>
<div id="customer2" class="customer">
<img src="asset/pic/Customer2_LittleGirl.png" alt="小女孩">
</div>
<div id="customer3" class="customer">
<img src="asset/pic/Customer3_OldLady.png" alt="老奶奶">
</div>
top: 500px;
display: none;
<!-- 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>
}
</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 -->
<div id="customer1" class="character">
<img src="asset/pic/Customer1_YoungMan.png" alt="中年男">
</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 -->
<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>
<script>
<script>
// 在这里添加您的游戏逻辑
// 这将涉及到食客的随机出现，接受订单，点击生成食物，以及满足订单后消失的逻辑
</script>
</body>
</body>
</html>