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 { body {
background-image: url('../asset/pic/background.png'); background-image: url('../asset/pic/qinshihuang/background.png');
background-repeat: no-repeat; background-repeat: no-repeat;
} }
#desktop{ #desktop{
position: absolute; position: absolute;
background-image: url('../asset/pic/desktop.png'); /*background-image: url('../asset/pic/qinshihuang/desktop.png');*/
background-repeat: no-repeat; background-repeat: no-repeat;
z-index: 1; z-index: 1;
} }
@ -16,9 +16,9 @@
} }
#restaurant .dish img { #restaurant .dish img {
position: absolute; position: absolute;
top: 600px; top: 700px;
width: 300px; width: 250px;
height: 300px; height: 250px;
z-index: 3; z-index: 3;
} }
@ -30,9 +30,24 @@
} }
#qinshihuang img{ /* 秦始皇 */ #qinshihuang img{ /* 秦始皇 */
top: 285px; top: 235px;
left: 1050px; 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{ /* 中年男 */ #customer1 img{ /* 中年男 */
left: 100px; left: 100px;
@ -45,13 +60,24 @@
#customer3 img{ /* 老奶奶 */ #customer3 img{ /* 老奶奶 */
top:50px; top:50px;
left: 0px; left: 0px;
display: none;
} }
#mapo-tofu img{ /* 麻婆豆腐 */ #mapo-tofu img{ /* 麻婆豆腐 */
left: 100px; display: none;
} }
#roast-duck img{ /* 烤鸭 */ #roast-duck img{ /* 烤鸭 */
left: 250px;
left: 500px; 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="restaurant">
<div id="desktop"> <div id="desktop">
<img src="asset/pic/desktop.png" alt="desktop"> <img src="asset/pic/qinshihuang/desktop.png" alt="desktop">
</div> </div>
<!-- empires elements--> <!-- empires elements-->
<div id="qinshihuang" class="empire"> <div id="qinshihuang" class="empire">
<img src="asset/pic/QinShiHuang.png" alt="秦始皇"> <img src="asset/pic/qinshihuang/QinShiHuang.png" alt="秦始皇">
</div> </div>
<div id="qinshihuang1" class="empire"> <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>
<div id="qinshihuang2" class="empire"> <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>
<div id="qinshihuang2" class="empire"> <div id="qinshihuang3" class="empire">
<img src="asset/pic/QinShiHuang_Murder.png" alt="死法3"> <img src="asset/pic/qinshihuang/QinShiHuang_Murder.png" alt="死法3">
</div> </div>
<!-- customers elements --> <!-- customers elements -->
<div id="customer1" class="customer"> <div id="customer1" class="customer">
<img src="asset/pic/Customer1_YoungMan.png" alt="中年男"> <img src="asset/pic/qinshihuang/Customer1_YoungMan.png" alt="中年男">
</div> </div>
<div id="customer2" class="customer"> <div id="customer2" class="customer">
<img src="asset/pic/Customer2_LittleGirl.png" alt="小女孩"> <img src="asset/pic/qinshihuang/Customer2_LittleGirl.png" alt="小女孩">
</div> </div>
<div id="customer3" class="customer"> <div id="customer3" class="customer">
<img src="asset/pic/Customer3_OldLady.png" alt="老奶奶"> <img src="asset/pic/qinshihuang/Customer3_OldLady.png" alt="老奶奶">
</div> </div>
<!-- foods elements --> <!-- foods elements -->
<div id="mapo-tofu" class="dish"> <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>
<div id="roast-duck" class="dish"> <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>
<div id="yangzhou-fried-rice" class="dish"> <div id="yangzhou-fried-rice" class="dish">
<img src="asset/pic/YangzhouFriedRice.png" alt="扬州炒饭"> <img src="asset/pic/qinshihuang/YangzhouFriedRice.png" alt="扬州炒饭">
</div> </div>
<div id="braised-prawns" class="dish"> <div id="braised-prawns" class="dish">
<img src="asset/pic/BraisedPrawns.png" alt="油焖大虾"> <img src="asset/pic/qinshihuang/BraisedPrawns.png" alt="油焖大虾">
</div> </div>
<div id="kung-pao-chicken" class="dish"> <div id="kung-pao-chicken" class="dish">
<img src="asset/pic/KungPaoChicken.png" alt="宫保鸡丁"> <img src="asset/pic/qinshihuang/KungPaoChicken.png" alt="宫保鸡丁">
</div> </div>
</div> </div>