101 lines
3.6 KiB
HTML
101 lines
3.6 KiB
HTML
<!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/alexgame.css">
|
|
|
|
</head>
|
|
<body>
|
|
<audio id="bgm" loop>
|
|
<source src="asset/music/bgm.mp3" type="audio/mpeg">
|
|
Your browser does not support the audio element.
|
|
</audio>
|
|
<!-- 游戏的界面元素 -->
|
|
<div id="restaurant">
|
|
<div id="desktop">
|
|
<img src="asset/pic/alexander/desk.png" alt="desktop">
|
|
</div>
|
|
|
|
<!-- empires elements-->
|
|
<div id="alex" class="empire">
|
|
<img src="asset/pic/alexander/alexander.png" alt="alex">
|
|
</div>
|
|
<div id="alex1" class="empire">
|
|
<img src="asset/pic/alexander/alexander.png" alt="alex">
|
|
</div>
|
|
<div id="alex2" class="empire">
|
|
<img src="asset/pic/alexander/typhoid_fever.png" alt="死">
|
|
</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="cheese" class="dish">
|
|
<img src="asset/pic/alexander/goat_cheese.png" alt="芝士"
|
|
onclick="handleClick('cheese');">
|
|
</div>
|
|
<div id="salad" class="dish">
|
|
<img src="asset/pic/alexander/greek_salad.png" alt="沙拉"
|
|
onclick="handleClick('salad');">
|
|
</div>
|
|
<div id="yoghurt" class="dish">
|
|
<img src="asset/pic/alexander/greek_yoghurt.png" alt="酸奶"
|
|
onclick="handleClick('yoghurt');">
|
|
</div>
|
|
<div id="moussaka" class="dish">
|
|
<img src="asset/pic/alexander/moussaka.png" alt="饼"
|
|
onclick="handleClick('moussaka');">
|
|
</div>
|
|
<div id="lamb" class="dish">
|
|
<img src="asset/pic/alexander/roasted_lamb_chops.png" alt="羊"
|
|
onclick="handleClick('lamb');">
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/alexgame.js"></script>
|
|
|
|
</body>
|
|
</html>
|