第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

如何添加游戲菜單

如何添加游戲菜單

繁花不似錦 2024-01-18 14:38:07
我正在嘗試添加帶有“開始”的通用游戲菜單來(lái)啟動(dòng)游戲。我該怎么做呢？這是代碼：#hero {  /* background: #ff0000; */  background-image: url("man-of-space.png");  width: 40px;  height: 40px;  position: absolute;}#background {  background-image: url("space.png");  /* background: #000000; */  width: 500px;  height: 500px;  position: absolute;  left: 0px;  top: 0px;}.laser {  background: #00ff00;  width: 2px;  height: 50px;  position: absolute;}.enemy {  background-image: url("spaceship.png");  background-size: 40px 40px;  width: 40px;  height: 40px;  position: absolute;}#score {  color: #ffffff;  font-size: 18pt;  position: absolute;  left: 20px;  top: 20px;}#gameover {  color: #ff0000;  font-size: 20px;  position: absolute;  left: 160px;  top: 200px;  visibility: hidden;}<div id="background"></div><div id="hero"></div><div class="laser" id="laser0"></div><div class="laser" id="laser1"></div><div class="laser" id="laser2"></div><div id="score"></div><div id="gameover">GAME OVER</div>
查看完整描述

2 回答

?
皈依舞

TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超3個(gè)贊

您可以將游戲 UI 包裝在一個(gè)<div id="game" style="display: none;">元素中，以便在加載頁(yè)面時(shí)它將隱藏。然后將開始菜單包裝在一個(gè)<div id="startMenu">帶有 a 的元素中，該元素<button id="startButton">Start</button>將用于隱藏開始菜單并顯示游戲 UI。


在 JS 代碼中，您可以將游戲包裝在一個(gè)函數(shù)中，以便在您調(diào)用它時(shí)啟動(dòng)它。


HTML：


    <div id="startMenu">

        <button id="startButton">Start</button>

    </div>

        

    <div id="game" style="display: none;">

        <div id="background"></div>

        <div id="hero"></div>

        <div class="laser" id="laser0"></div>

        <div class="laser" id="laser1"></div>

        <div class="laser" id="laser2"></div>

        <div id="score"></div>

        <div id="gameover">GAME OVER</div>

    </div>

JS：


function startGame() {

    var LEFT_KEY = 37;

    var UP_KEY = 38;

    var RIGHT_KEY = 39;

    var DOWN_KEY = 40;

    var SPACE_KEY = 32;

    var HERO_MOVEMENT = 3;

 

    [...Your game code...]


    loop();

}


document.getElementById('startButton').onclick = function() {

    document.getElementById('startMenu').style.display = "none";

    document.getElementById('game').style.display = "";

    startGame();

};

<div id="startMenu">現(xiàn)在您有了一個(gè)可以根據(jù)需要自定義的開始菜單 ( )，以及<div id="game">僅在按下開始按鈕后才會(huì)顯示的游戲 UI ( )。


查看完整回答
反對(duì) 回復(fù) 2024-01-18
?
慕少森

TA貢獻(xiàn)2019條經(jīng)驗(yàn) 獲得超9個(gè)贊

我的建議是添加更多 HTML。也許制作一個(gè)div包含您需要的所有開始屏幕元素的項(xiàng)目。當(dāng)啟動(dòng)函數(shù)發(fā)生時(shí)，將該 div 的 innerHTML 設(shè)置為"".

例子：

document.getElementById('yourDivIdHere').innerHTML = '';


查看完整回答
反對(duì) 回復(fù) 2024-01-18
  • 2 回答
  • 0 關(guān)注
  • 176 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)