不點白塊遊戲

阿新 • • 發佈：2017-09-25

ldr random classname main.c mouseup length doctype pan audio

<!DOCTYPE html>
<html lang="en">
 <head>
 <meta charset="utf-8">
    <style>
    *{
      margin: 0; 
      padding: 0; 
    } 
    .box {
      margin: 50px auto 0 auto;
      width: 400px;
      height: auto;
      border: solid 1px #222;
    } 
    #cont { 
      width: 400px;
      height: 600px; 
      position: relative;
      overflow: hidden;
      }
    #go {
      width:  
100%;
      height: 600px;
      position: absolute;
      top: 0;
      font: 700 60px ‘微軟雅黑‘;
      text-align: center; 
      z-index: 99;
    }
    #go span {
      cursor: pointer;
      background-color: #fff;
      border-bottom: solid 1px #222;
    }
    #main {
      width: 400px;
      height: 600px;
      position: relative;
      top:  
-150px;
    }
    .row {
      width: 400px;
      height: 150px;
    }
    .row div {
      width: 99px;
      height: 149px;
      border: solid 1px #222;
      float: left;
      border-top-width: 0;
      border-left-width: 0;
      cursor: pointer;
    }
    #count {
      border-top: solid 1px #222;
      width: 400px;
      height: 50px;
      font:  
700 36px/50px ‘微軟雅黑‘;
      text-align: center;
    }
    #bgm{
      width: 400px;
      height: 50px;
      margin-top: -50px;
      position: absolute;
    }
    h3{text-align:center}
      </style>
 </head>
 <body>
 <h3>只要不是白塊，一個個點吧</h3>
    <div class="box">
    
      <!-- 布局 -->
      <audio src="m_02.mp3" id="bgm" controls loop></audio>
      <div id="cont"> 
        <div id="go">
          <span>Game start</span> 
        </div> 
          <div id="main"></div>
      </div> 
          <div id="count"></div>
    </div> 

  <script>
  //得當前樣式
    function getStyle(obj,arrt){
  //兼容IE
      return obj.currentStyle ? obj.currentStyle[arrt] : getComputedStyle(obj,null)[arrt];
  }

  var main = document.getElementById(‘main‘);
  var go = document.getElementById(‘go‘);
  var count = document.getElementById(‘count‘);
  var cols = [‘#1AAB8A‘,‘#E15650‘,‘#121B39‘,‘#80A84E‘];


  //動態創建div
    function cDiv(classname){
  //創建div
      var oDiv = document.createElement(‘div‘);
  //隨機值
      var index = Math.floor(Math.random()*4);
  //行 添加相應的class類
      oDiv.className = classname; 
  //創建行之後再動態創建4個小div並添加到行裏面 
        for(var j =0;j<4;j++){
          var iDiv = document.createElement(‘div‘); 
          oDiv.appendChild(iDiv); 
        }
  //然後把行添加到main裏面
  //判斷需要添加的位置
        if(main.children.length == 0){
          main.appendChild(oDiv);
        }else {
          main.insertBefore(oDiv, main.children[0]);
        }
  //隨機給行裏面的某一個div添加背景色 
    oDiv.children[index].style.backgroundColor = cols[index];
  //標記顏色盒子
    oDiv.children[index].className = "i";
  }


  //移動div
  function move(obj){
  //關閉上一個定時器
      clearInterval(obj.timer);
  //默認速度與計分
      var speed = 5,num = 0;
  //定時器管理與開啟定時器
      obj.timer = setInterval(function(){
  //速度 
      var step = parseInt(getStyle(obj,‘top‘)) + speed;
  //移動盒子
      obj.style.top = step + ‘px‘;
  //判斷並創建新的盒子
        if(parseInt(getStyle(obj,‘top‘)) >= 0){  
          cDiv(‘row‘);
          obj.style.top = -150 + ‘px‘;
        }
  //刪除邊界外的盒子
        if(obj.children.length == 6){
  //刪除前，如果有盒子沒有點擊則結束遊戲
          for(var i = 0;i<4;i++){
            if(obj.children[obj.children.length - 1].children[i].className == ‘i‘){
  //遊戲結束
              obj.style.top = ‘-150px‘;
              count.innerHTML = ‘遊戲結束,最高得分: ‘ + num;
  //關閉定時器
              clearInterval(obj.timer);
  //顯示開始遊戲
              go.children[0].innerHTML = ‘Renew game‘;
              go.style.display = "block";  
            }
          }  
          obj.removeChild(obj.children[obj.children.length - 1]);
        }

  //點擊與計分
  obj.onmousedown = function(event){
  //點擊的不是白盒子 
  // 兼容IE
      event = event || window.event;
      if((event.target? event.target : event.srcElement).className  == ‘i‘){
  //點擊後的盒子顏色
        (event.target? event.target : event.srcElement).style.backgroundColor = "#bbb";
  //清除盒子標記
        (event.target? event.target : event.srcElement).className             = ‘‘;
  //計分
        num++;
  //顯示得分
        count.innerHTML = ‘當前得分: ‘ + num;
        bgm.play();
        }
        else{
  //遊戲結束
          obj.style.top = 0;
          count.innerHTML = ‘遊戲結束,最高得分: ‘ + num;
  //關閉定時器
          clearInterval(obj.timer);
  //顯示開始遊戲
          go.children[0].innerHTML = ‘Renew game‘;
          go.style.display = "block";
        }
  //盒子加速
      if(num%10 == 0){
        speed++;
      }
    }
  //松開觸發停止
    obj.onmouseup=function(event){
      bgm.pause();
    }
  },20) 
    }


  //開始遊戲
  go.children[0].onclick = function(){
  //開始前判斷main裏面是否有盒子，有則全部刪除
    if(main.children.length){
  //暴力清楚main裏面所有盒子
        main.innerHTML = ‘‘;
      }
  //清空計分
    count.innerHTML = ‘遊戲開始‘; 
  //隱藏開始盒子
    this.parentNode.style.display = "none";
  //調用定時器
    move(main);
  } 
  </script>
  <div style="text-align:center;">
</div>
</body> 
</html>

技術分享

不點白塊遊戲

ldr random classname main.c mouseup length doctype pan audio <!DOCTYPE html> <html lang="en"> <head> <meta ch

遊戲——網頁版別踩白塊

百度 name 完整是否使用建行 classname 內容必須一項目簡介主要知識點：JavaScript、HTML、CSS這是一個主要用JS實現的網頁版小遊戲，遊戲規則很簡單，通過點擊不斷下落的黑塊來消滅它並獲取分數，如果不幸黑塊掉落下來或點到了白色區域那麽遊

【筆記】C++ 命令列小遊戲節奏大師（別踩白塊）的製作

一.遊戲介紹計組實驗大作業要在板子上做一個小遊戲，我們組要做節奏大師，先在命令列裡做了一個，主介面只有4*20. 可以選歌，目前支援的有：1.兩隻老虎， 2.兩隻老虎無盡版。開始遊戲後 ∗

新線程中彈出的Messagebox，不點擊確定按鈕，主線程暫停

show .sh ebo 按鈕 info ati icon oid 彈出 public void ShowMessage(string msg) { this.Invoke(new MessageBoxShow(MessageBoxSh

找不到模塊

package https 教程 http 了無目錄技術沒有 load . 16:06:09 . 20:37:51 老師,webpack --config webpack module1.pro.config.js -p報錯，找不

<p></p>標簽為什麽不能包含塊級標簽?還有哪些特殊標簽？

rip ddr small 結果 html標簽不支持分隔線 query important 最近，在碼代碼的時候，就是下面的這段代碼，我犯了一個很不起眼，但犯了就致命的BUG。 <body> <p> <ol>

用python來更改小夥伴的windows開機密碼，不給10塊不給開機

Python web 數據分析爬蟲編程今天教大家用python腳本來控制小夥伴們windows電腦的開機密碼。沒錯就是神不知鬼不覺，用random()隨機生成的密碼，只有你自己知道哦~代碼呢分兩部分，一部分是client端跟server端兩個。你只需要想辦法讓小夥伴運行你的clien

簡單21點紙牌小遊戲紙牌顯示的修改

days EDA .html 開關 cli layer vat nbsp 父類上次寫的隨筆，簡單21點紙牌小遊戲，當窗體大小改變時，紙牌畫面會出現不顯示的問題，因為每一張牌都是用GDI+的方法,從圖片中剪裁下來的，沒有用到vs提供的控件，如PictureBox控件，這就需

【自然語言處理】良心資源，不點開會後悔的那種

ACL文章連結 http://www.aclweb.org/anthology/ 2016年ACL-WMT機器翻譯資料集 PaperWeekly http://rsarxiv.github.io/ 中國NLP聯盟（牆裂推薦） ht

bootstrap怎麼設定下拉選單不點選，改成滑鼠懸停直接顯示下拉選單

方法一：實際上比較簡單，只需要加一個css設定下hover的狀態，把下拉選單設定成block，具體css：.nav > li:hover .dropdown-menu {display: block;} 但是主導航失去連結的效

國慶快到了，還在創業的你，確定不點進來了解下？

在移動網際網路流量紅利逐漸消的今天，移動端使用者的爭奪，已從增量市場轉向存量市場，從搶佔使用者轉向搶佔使用者時間。在眾多平臺的鬥爭都進入紅海期的時候，目前尚有未完全開發的巨大流量藍海—微信小程式，隨勢而動，一發將不可收拾。與移動網際網路市場上的其他產品進行對比，微信的存在無疑滿足了人們一項

【小白學遊戲常用演算法】二、A*啟發式搜尋演算法

　　在上一篇部落格中，我們一起學習了隨機迷宮演算法，在本篇部落格中，我們將一起了解一下尋路演算法中常用的A*演算法。　　通常情況下，迷宮尋路演算法可以使用深度優先或者廣度優先演算法，但是由於效率的原因，不會直接使用這些演算法，在路徑搜尋演算法中最常見的就是A*尋路演算法。使用A*演算法的魅力之處在於它不僅

【小白學遊戲常用演算法】一、隨機迷宮演算法

　現在的很多遊戲中的地圖一般採用格子的方式，雖然在表面地圖上無法看到實際的格子，但是在地圖的結構中專門有一個邏輯層，這個層和地圖大小相等，劃出很多小的格子，然後在可以通過的地方使用0表示，在有障礙的且不能通過的地方用1或者其他數字表示（如圖所示）。有了這個邏輯層之後，實際上自動尋路就轉換成了如何在一個二維陣列

以太坊存在歸零風險：只跌不漲的數字遊戲很好玩嗎？

不到5個月的時間，以太坊從500美元跌落至今的85美元。從神壇跌下來的速度之快，出乎所有人的意料。上次跌到167的時候，曾經就連一直只關注技術的V神也不得不三次站出來安撫人心，他表示類似的價格起伏已經是第三次發生了，幣價的變化只不過是億萬富豪之間的博弈遊戲而已。不知道現在這樣他還會不會再出來

天融信資訊保安超越傳奇【傳奇不是指傳奇遊戲】

天融信資訊保安超越傳奇1995年，伴隨著網際網路進入中國，一個不起眼的企業－北京天融信公司在“中國矽谷”中關村成立。從最初的10多個人發展到2005年的1000多人，從最初的靠政府“輸血”的研究型公司發展成為中國資訊保安行業的領軍企業、國家重點軟體企業、電子政務十強企業，從一個

POJ 1523 SPF （割點+連通塊）

SPF Consider the two networks shown below. Assuming that data moves around these networks only between directly connected nodes on a pe

圖的割邊、割點、塊、縮點問題

根據割點的定義，割點將圖分成了兩個部分，這個兩個部分是靠割點來連通的，如果沒有割點存在，那麼圖將不連通。所以，換句話說，我們要從第一部分的點進入第二部分的話，我們必須經過這個割點。然後接著，我們再考慮圖的dfs的時候。由於割點是通往第二部分的門戶，那麼當我們從第一部分開始對圖進行dfs的時候，如果訪問了割點，

計算機視覺閱讀筆記-點和塊

點特徵可以用來尋找一個不同影象中對應位置的稀疏集合，關鍵點的一個重要優點，能夠在出現擁擠、大的尺度和方向變化的情況下很好地匹配。獲取特徵點及其對應關係的方法：在一幅影象中尋找那些可以使用區域性搜尋方法來精確跟蹤的特徵，---------在影象以相近的視角或被快速地麗娜徐拍攝時更為合

Unity不點選按鈕執行按鈕點選事件

button元件是有個onClick.Invoke()方法的，效果如同假裝點選了這個按鈕，自然可以執行繫結在按鈕點選事件上的方法們。 using System.Collections; using System.Collections.Generic; using Unit

Matlab 圖片儲存不帶白邊的方法

Matlab在用imshow或者plot顯示圖片的時候，經常有白邊或是其他的東西。如果使用saveas的化，這個白邊會被存起來。我們可以這樣： imshow(strain_image,'border','tight','initialmagnification','fi

不點白塊遊戲

相關推薦