跳到主要內容

精選

【桌遊】瘟疫危機

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

初探Vue.js

為了更認識程式運作邏輯
我在自學前端語言

停了快三個月,終於找到新工作的節奏
可以在週末的時間繼續學習還未上完的線上課程
回憶上次學習到的進度是 認識canvas

画布( canvas )元素是HTML5的一部分,允許脚本语言(scripting languages)動態渲染點陣圖像。
後來腦死在哪些三角函數,所以完全停擺
現在回來決定跳到下一堂課開始,canvas,,,最終再戰!

初探Vue.js


練習題是寫張名片,作業在此
https://codepen.io/anie116/pen/EBPzVx?editors=1010

這堂課除了了解Vue.js的運作
在CSS部分也學到一個重複背景繪製的技巧
當沒有背景圖時,可以自己畫一張

CSS3 漸變(Gradients)

radial-gradient:徑向漸變
linear-gradient:線向漸變

將漸變效果畫到 background-image:
老師的範例,在圈圈內不同比例處,畫上透明及色彩,做出連續圈圈效果:
background-image: radial-gradient(#d1e8c9 0%,#d1e8c9 20%,transparent 20%,transparent 40%, #d1e8c9 55%, #d1e8c9 60%,transparent 60%)
  background-size: 30px 30px

我找的線上範例,直線漸層效果,並使用轉動角度,改變漸層方向:
background-image: (linear-gradient(-35deg, #E80C7A,rgba(#E80C7A,.5), #E85D2D))


留言