iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

Phaser 幫我撐個 30 天 系列

Phaser 是一款 2D 遊戲開發框架。是否曾經想做些遊戲,但不知道從何下手?那我們一起從零開始來玩 Phaser 吧!本系列將從無到有,透過小範例並搭配說明來認識 Phaser,一起探索網頁遊戲世界,一起學習吧!

DAY 11

Day 11:Sprite sheet

》Sprite sheet這次我們沒有要用 load.image() 來載入圖片,我們將使用 load.spritesheet 來載入一張精靈圖片,尺寸為 24...

2018-10-26 ‧ 由 K. 分享
DAY 12

Day 12:Drag

》Drag今天我們用昨天一樣的素材,要讓 man 可以拖曳,當然目前這個小範例是不需要拖曳,但是我們假如以後用到的話,大概就知道方向。例如你可以用該方式,先把障...

2018-10-27 ‧ 由 K. 分享
DAY 13

Tween [ 1 / 2 ]

》Tween今天要講簡單的 Tween 效果,可以配合使用者點擊或滑鼠 hover 時,去執行動畫。 》Javascript 內容 scene.create =...

2018-10-28 ‧ 由 K. 分享
DAY 14

Tween [ 2 / 2 ]

》Tween昨天我們提到的 hover 效果,在 Phaser 上,要怎麼做出 css hover 改變狀態的動畫呢,今天我們就來試試看吧! 》Javascri...

2018-10-29 ‧ 由 K. 分享
DAY 15

Day 15:Text

》Text今天我們要來設定顯示文字,可以用在計算遊戲分數或顯示想要傳達的內容文字讓使用者知道。 》Javascript 內容跟前面一樣,主要專注在 text 怎...

2018-10-30 ‧ 由 K. 分享
DAY 16

Day 16:Loading

》Loading幾乎每個遊戲都有 Loading 動畫,Loading 為了讓使用者知道他們需要等待多久時間;如沒有 Loading 動畫的話,使用者可能覺得是...

2018-10-31 ‧ 由 K. 分享
DAY 17

Day 17:Physics systems

》Physics systemsPhaser 配有內建的物理系統名稱為 Arcade,還有其他的物理系統。今天我們要來試試 Arcade。 》Javascrip...

2018-11-01 ‧ 由 K. 分享
DAY 18

Day 18:Static and Dynamic Bodies [ 1 / 2 ]

》Static and Dynamic Bodies昨天我們創建基本的重力物體,但有些物件是不需要重力且其他重力物件碰撞時,不影響自身的位置,例如地板。 》Ja...

2018-11-02 ‧ 由 K. 分享
DAY 19

Day 19:Static and Dynamic Bodies [ 2 / 2 ]

》tileSprite今天我們要把 player 創建出來,把一些固定的靜態物件創建出來,並包含在 group 裡,方便於管理與效率。也會學到使用 tileSp...

2018-11-03 ‧ 由 K. 分享
DAY 20

Day 20:Walking mechanics

》Walking mechanics今天我們要來繼續做之前有練習過的動畫,並套用在 player 身上,也會提起應該要注意的地方。像是判斷動畫執行、以及是否翻轉...

2018-11-04 ‧ 由 K. 分享