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

fix: change asset path

Browse Source
This commit is contained in:
sangge 2023-12-06 15:06:45 +08:00
parent 2a7ccdf4b2
commit 6fca91601c
2 changed files with 52 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
css/game.css
View File

@ -1,10 +1,10 @@
body {
background-image: url('../asset/pic/background.png');
background-image: url('../asset/pic/qinshihuang/background.png');
background-repeat: no-repeat;
}
#desktop{
position: absolute;
background-image: url('../asset/pic/desktop.png');
/*background-image: url('../asset/pic/qinshihuang/desktop.png');*/
background-repeat: no-repeat;
z-index: 1;
}
@ -16,9 +16,9 @@
}
#restaurant .dish img {
position: absolute;
top: 600px;
width: 300px;
height: 300px;
top: 700px;
width: 250px;
height: 250px;
z-index: 3;
}
@ -30,9 +30,24 @@
}
#qinshihuang img{ /* 秦始皇 */
top: 285px;
top: 235px;
left: 1050px;
display: none;
}
#qinshihuang1 img{ /* 秦始皇死法1 */
top: 235px;
left: 1050px;
display: none;
}
#qinshihuang2 img{ /* 秦始皇死法2 */
top: 235px;
left: 1050px;
display: none;
}
#qinshihuang3 img{ /* 秦始皇死法3 */
top: 235px;
left: 1050px;
display: none;
}
#customer1 img{ /* 中年男 */
left: 100px;
@ -45,13 +60,24 @@
#customer3 img{ /* 老奶奶 */
top:50px;
left: 0px;
display: none;
}
#mapo-tofu img{ /* 麻婆豆腐 */
left: 100px;
display: none;
}
#roast-duck img{ /* 烤鸭 */
left: 500px;
left: 250px;
display: none;
}
#yangzhou-fried-rice img{
left: 450px;
display: none;
}
#braised-prawns img{
left: 650px;
display: none;
}
#kung-pao-chicken img{
left: 900px;
display: none;
}

28
game.html
View File

@ -11,49 +11,49 @@
<!-- 游戏的界面元素 -->
<div id="restaurant">
<div id="desktop">
<img src="asset/pic/desktop.png" alt="desktop">
<img src="asset/pic/qinshihuang/desktop.png" alt="desktop">
</div>
<!-- empires elements-->
<div id="qinshihuang" class="empire">
<img src="asset/pic/QinShiHuang.png" alt="秦始皇">
<img src="asset/pic/qinshihuang/QinShiHuang.png" alt="秦始皇">
</div>
<div id="qinshihuang1" class="empire">
<img src="asset/pic/QinShiHuang_LeadPoisoning.png" alt="死法1">
<img src="asset/pic/qinshihuang/QinShiHuang_LeadPoisoning.png" alt="死法1">
</div>
<div id="qinshihuang2" class="empire">
<img src="asset/pic/QinShiHuang_Meningitis.png" alt="死法2">
<img src="asset/pic/qinshihuang/QinShiHuang_Meningitis.png" alt="死法2">
</div>
<div id="qinshihuang2" class="empire">
<img src="asset/pic/QinShiHuang_Murder.png" alt="死法3">
<div id="qinshihuang3" class="empire">
<img src="asset/pic/qinshihuang/QinShiHuang_Murder.png" alt="死法3">
</div>
<!-- customers elements -->
<div id="customer1" class="customer">
<img src="asset/pic/Customer1_YoungMan.png" alt="中年男">
<img src="asset/pic/qinshihuang/Customer1_YoungMan.png" alt="中年男">
</div>
<div id="customer2" class="customer">
<img src="asset/pic/Customer2_LittleGirl.png" alt="小女孩">
<img src="asset/pic/qinshihuang/Customer2_LittleGirl.png" alt="小女孩">
</div>
<div id="customer3" class="customer">
<img src="asset/pic/Customer3_OldLady.png" alt="老奶奶">
<img src="asset/pic/qinshihuang/Customer3_OldLady.png" alt="老奶奶">
</div>
<!-- foods elements -->
<div id="mapo-tofu" class="dish">
<img src="asset/pic/MapoTofu_FinishedDish.png" alt="麻婆豆腐">
<img src="asset/pic/qinshihuang/MapoTofu_FinishedDish.png" alt="麻婆豆腐">
</div>
<div id="roast-duck" class="dish">
<img src="asset/pic/roast_duck.png" alt="烤鸭">
<img src="asset/pic/qinshihuang/roast_duck.png" alt="烤鸭">
</div>
<div id="yangzhou-fried-rice" class="dish">
<img src="asset/pic/YangzhouFriedRice.png" alt="扬州炒饭">
<img src="asset/pic/qinshihuang/YangzhouFriedRice.png" alt="扬州炒饭">
</div>
<div id="braised-prawns" class="dish">
<img src="asset/pic/BraisedPrawns.png" alt="油焖大虾">
<img src="asset/pic/qinshihuang/BraisedPrawns.png" alt="油焖大虾">
</div>
<div id="kung-pao-chicken" class="dish">
<img src="asset/pic/KungPaoChicken.png" alt="宫保鸡丁">
<img src="asset/pic/qinshihuang/KungPaoChicken.png" alt="宫保鸡丁">
</div>
</div>