使用vue寫掃雷游戲

JinB 發(fā)布于2019-08-23 13:11 / 583人閱讀

摘要：想用剛學(xué)的，寫一個掃雷游戲。。第二步，制造一個數(shù)組，用來生成隨機雷區(qū)。是否是地雷是否是地雷安全區(qū)樣式雷區(qū)樣式大概是這樣子的數(shù)據(jù)第四步，點擊格子，觸發(fā)事件。判斷是否這個是雷區(qū)。如果安全就顯示綠色，否則顯示紅色。

上班閑來沒事做，，心血來潮。想用剛學(xué)的vue，寫一個掃雷游戲。。好了，直入正題.

第一步，先制作一個10x10的格子圖。。這個divcss就不說了。。大家都會。

第二步，制造一個數(shù)組，用來生成隨機雷區(qū)。

let arr = []
for (var i = 0; i < 10; i++) {
  arr.push(Math.floor(Math.random() * 100))
}

第三步，制造一個json數(shù)組，讓他循環(huán)生成頁面上的格子。

  let arrs = []
  for (var j = 0; j < 100; j++) {
    let obj = {}
    if (arr.indexOf(j) > -1) {
      obj.isLei = true // 是否是地雷
    } else {
      obj.isLei = false // 是否是地雷
    }
    obj.id = j
    obj.isTrue = false // 安全區(qū)樣式
    obj.isFalse = false // 雷區(qū)樣式
    arrs.push(obj)
  }

大概是這樣子的數(shù)據(jù)

第四步，點擊格子，觸發(fā)事件。判斷是否這個是雷區(qū)。如果安全就顯示綠色，否則顯示紅色。

toclick (e) {
  console.log(e.isTrue)
  if (e.isLei === true) {
    e.isFalse = true
  } else {
    e.isTrue = true
    this.surPlus = this.surPlus - 1
  }
}

以下是所有代碼：

最后樣子大概就是這樣：

云服務(wù)器 GPU云服務(wù)器掃雷游戲掃雷小游戲 java掃雷游戲開發(fā) 掃雷游戲c語言源碼

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/99269.html

相關(guān)文章

使用vue寫掃雷游戲

摘要：想用剛學(xué)的，寫一個掃雷游戲。。第二步，制造一個數(shù)組，用來生成隨機雷區(qū)。是否是地雷是否是地雷安全區(qū)樣式雷區(qū)樣式大概是這樣子的數(shù)據(jù)第四步，點擊格子，觸發(fā)事件。判斷是否這個是雷區(qū)。如果安全就顯示綠色，否則顯示紅色。上班閑來沒事做，，心血來潮。想用剛學(xué)的vue，寫一個掃雷游戲。。好了，直入正題. 第一步，先制作一個10x10的格子圖。。這個divcss就不說了。。大家都會。 showImg...

e10101 2019-08-02 11:58 評論0 收藏0
C語言初階學(xué)習(xí)——掃雷小游戲（遞歸）

摘要：目錄前言前言前期的準(zhǔn)備前期的準(zhǔn)備游戲代碼的具體實現(xiàn)游戲代碼的具體實現(xiàn)完整版的掃雷小游戲代碼完整版的掃雷小游戲代碼總結(jié)總結(jié)前言掃雷是一款大眾類的益智小游戲，于年發(fā)行。目錄前言前期的準(zhǔn)備游戲代碼的具體實現(xiàn) 1、text.c 2、game.h 3、game.c 完整版的掃雷小游戲代碼： 1...

zhonghanwen 2021-11-16 11:45 評論0 收藏0
掃雷小游戲（C語言實現(xiàn)）

摘要：寫在前面我們已經(jīng)寫過了三子棋小游戲肯定沒玩過癮，我們再寫個掃雷小游戲吧目錄寫在前面認(rèn)識游戲游戲規(guī)則游戲框架游戲?qū)崿F(xiàn)效果展示全部代碼文件文件文件認(rèn)識游戲相信大家對掃雷都不陌生每臺電腦必備的小游戲游戲規(guī)則就是在規(guī)定的時間將 ...

Coding01 2021-09-04 16:41 評論0 收藏0
C/C++游戲項目詳細(xì)教學(xué)：《掃雷》

摘要：掃雷最原始的版本可以追溯到年一款名為方塊的游戲。兩年后，湯姆安德森在的基礎(chǔ)上又編寫出了游戲地雷，由此奠定了現(xiàn)代掃雷游戲的雛形。年，微軟公司的羅伯特杜爾和卡特約翰遜兩位工程師在系統(tǒng)上加載了該游戲，掃雷游戲才正式在全世界推廣開來。掃雷最原始的版本可以追溯到1973年一款名為方塊的游戲。不久，...

meteor199 2021-11-12 10:36 評論0 收藏0
c語言實現(xiàn)掃雷

摘要：上一篇講了三子棋，今天我們來講掃雷原理都是一樣的通常我們寫代碼的時候，寫之前都要整理分析好邏輯，要做到分段分塊來寫，以便于代碼閱讀和后期維護這里我將代碼分為三個文件頭文件通常用來完成函數(shù)聲明頭文件的引用宏定義變量用于游戲功能函數(shù)的實現(xiàn)作為上一篇講了三子棋，今天我們來講掃雷原理都是一樣的； ...

LiangJ 2021-11-12 10:36 評論0 收藏0