Phaser 是一款 2D 遊戲開發框架。是否曾經想做些遊戲,但不知道從何下手?那我們一起從零開始來玩 Phaser 吧!本系列將從無到有,透過小範例並搭配說明來認識 Phaser,一起探索網頁遊戲世界,一起學習吧!
》Sprite sheet這次我們沒有要用 load.image() 來載入圖片,我們將使用 load.spritesheet 來載入一張精靈圖片,尺寸為 24...
》Drag今天我們用昨天一樣的素材,要讓 man 可以拖曳,當然目前這個小範例是不需要拖曳,但是我們假如以後用到的話,大概就知道方向。例如你可以用該方式,先把障...
》Tween今天要講簡單的 Tween 效果,可以配合使用者點擊或滑鼠 hover 時,去執行動畫。 》Javascript 內容 scene.create =...
》Tween昨天我們提到的 hover 效果,在 Phaser 上,要怎麼做出 css hover 改變狀態的動畫呢,今天我們就來試試看吧! 》Javascri...
》Text今天我們要來設定顯示文字,可以用在計算遊戲分數或顯示想要傳達的內容文字讓使用者知道。 》Javascript 內容跟前面一樣,主要專注在 text 怎...
》Loading幾乎每個遊戲都有 Loading 動畫,Loading 為了讓使用者知道他們需要等待多久時間;如沒有 Loading 動畫的話,使用者可能覺得是...
》Physics systemsPhaser 配有內建的物理系統名稱為 Arcade,還有其他的物理系統。今天我們要來試試 Arcade。 》Javascrip...
》Static and Dynamic Bodies昨天我們創建基本的重力物體,但有些物件是不需要重力且其他重力物件碰撞時,不影響自身的位置,例如地板。 》Ja...
》tileSprite今天我們要把 player 創建出來,把一些固定的靜態物件創建出來,並包含在 group 裡,方便於管理與效率。也會學到使用 tileSp...
》Walking mechanics今天我們要來繼續做之前有練習過的動畫,並套用在 player 身上,也會提起應該要注意的地方。像是判斷動畫執行、以及是否翻轉...