跳到主要內容

精選

【桌遊】瘟疫危機

團結抗役,一款團隊合作與全員思辨的遊戲 瘟疫危機起,全員動起來 你的團隊能成功拯救人類嗎? 遊戲名稱:Pandemic (中譯:瘟疫危機) 參與人數:2-4人 適合年齡:8+ 遊戲時間:45min  遊戲設置: 1⃣️ 依玩家人數,發送玩家牌(背面是十字圖,4人局:每人2張) 2⃣️ 每人選擇一個玩家身份卡,並領取遊戲說明卡(角色7選4,開放討論,也可以用抽的) 3⃣️ 每人拿取玩家token,並集合放置於一個城市上。並於該城市放置一個研究所 4⃣️ 將剩餘玩家卡分成四堆,依序放入4張流行病卡,洗混後疊成一疊 ,放在玩家牌區 5⃣️ 將疾病卡洗混放在疾病牌區 遊戲開始 [動作]從疾病牌翻出三個城市牌,並依序在這城市內放上三個感染者(病毒種類依翻出的顏色) 遊戲情境引導員:XXX等城市最先發現疾病,並且已經感染的很嚴重,只要再發生一個案例,感染就會外溢 [動作]從疾病牌翻出三個城市牌,並依序在這城市內放上二個感染者(病毒種類依翻出的顏色) 遊戲情境引導員:XXX等城市也出現病患,但這些城市還能容忍一個感染者 [動作]從疾病牌翻出三個城市牌,並依序在這城市內放上一個感染者(病毒種類依翻出的顏色) 遊戲情境引導員:XXX等城市也有一位感染者了,現在開始,我們必須前往這些疫區,治癒並研發疫苗,阻止瘟疫蔓延,只要我們能在瘟疫爆發前,研發出四種疫苗,就能戰勝遊戲! 遊戲情境引導員進行遊戲解說: 如何研發疫苗,當一位玩家身處研究所的城市,且手上有五張相同顏色的玩家卡,就能花費一個行動製造該顏色疫苗。(當某一顏色疫苗開發成功,之後所有玩家進行治癒疾病時。可一次治癒所有感染者) 玩家動作解說: 1⃣️ 行動:玩家每次可從玩家解說卡上的8種行動,選擇任一行動執行,每種行動均可重複執行,但每次只能累計執行四次行動。 搭車移動(移動到沿線的鄰近城市) 搭乘直航(移動到手上玩家牌任一個城市,移動後捨棄該玩家牌) 包機航班(捨棄所處城市的玩家牌,移動到任何城市) 穿梭航班(身處研究所城市,可任意穿梭到另一個研究所城市) 設立研究所(棄掉所處城市的玩家牌,即可建立一所研究所 治療感染者(移除一枚病毒方塊) 交換情報(兩個玩家同處一個城市時,遞...

吃什麼變什麼,貪食蛇遊戲|互動網頁學習

我在學習網頁前端程式語言
這次要介紹的作業是:貪食蛇遊戲
主要的Code還是從老師那邊取得的範例
畢竟我們還在學習階段
首重要理解遊戲設計的邏輯與模組化的概念
所以這次的遊戲作業給自己的修改方向是
讓蛇吃到食物後,就變那個食物的顏色





學習動畫要先理解「向量原理」
老實說:線上老師的講義很清楚,我看完還是很模糊
向量(英語:vector,物理、工程等也稱作矢量)是數學、物理學和工程科學等多個自然科學中的基本概念。指一個同時具有大小和方向,且滿足平行四邊形法則的幾何對象。
但為了不因此放棄,所以決定看完一遍教材後就跳到實作課程
希望透過實作能更清楚

一開始先將動畫所需的「基本向量」寫好函數
例如:向量內我們要定義X軸,Y軸,以及向量間的相加、相乘、比較等

之後進入遊戲設計概念
首先決定遊戲內的物件有什麼及所需的資料

  • 遊戲初始化
    • 設定遊戲範圍
    • 遊戲初始設定
    • 畫出遊戲格子
    • 畫出蛇
  • 遊戲控制項
    • 更新遊戲畫面(每秒自動更新,讓蛇動起來)
    • 遊戲開始
      • 啟動貪食蛇
      • 產生食物
      • 判斷貪食蛇是否碰到食物,更新自己,並且播放聲音
    • 遊戲結束
      • 判斷貪食蛇是否碰到邊界
  • 貪食蛇
    • 蛇的尺寸
    • 初始位置
    • 更新自己
    • 是否碰到邊界
    • 用鍵盤控制蛇的方向
  • 食物
    • 食物(隨機產生)
    • 隨機顏色
  • 音效
    • 音效函數(使用Tone.js)
整個遊戲練習中,我增加了食物的顏色是隨機產生,以及當蛇吃到食物後,整個顏色也會跟著改變。原先有當蛇吃的食物越多,速度越快的部分,因為還沒摸透向量原理及畫面更新這塊,就沒先想這塊了

我的codepen作品連結:貪食蛇吃什麼變什麼
我上的線上課程是:動畫互動網頁特效入門(JS/CANVAS)

留言