使用vue寫掃雷游戲

e10101 發布于2019-08-02 11:58 / 577人閱讀

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

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

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

第二步，制造一個數組，用來生成隨機雷區。

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

第三步，制造一個json數組，讓他循環生成頁面上的格子。

  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 // 安全區樣式
    obj.isFalse = false // 雷區樣式
    arrs.push(obj)
  }

大概是這樣子的數據

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

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

以下是所有代碼：

最后樣子大概就是這樣：

云服務器 GPU云服務器掃雷游戲掃雷小游戲 java掃雷游戲開發掃雷游戲c語言源碼

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53250.html

使用vue寫掃雷游戲

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

JinB 2019-08-23 13:11 評論0 收藏0
C語言初階學習——掃雷小游戲（遞歸）

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

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

摘要：寫在前面我們已經寫過了三子棋小游戲肯定沒玩過癮，我們再寫個掃雷小游戲吧目錄寫在前面認識游戲游戲規則游戲框架游戲實現效果展示全部代碼文件文件文件認識游戲相信大家對掃雷都不陌生每臺電腦必備的小游戲游戲規則就是在規定的時間將 ...

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

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

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

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

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