phaser

1/2ページ

多執行緒-併發:介紹Phaser

接上一篇。多執行緒-併發:介紹CyclicBarrier 我們繼續聊《天龍八部》四大惡人。 大家都知道,葉二孃是虛竹的娘,少室山一戰玄慈方丈和葉二孃都領了便當。從此四大惡人就剩了三個。 大家也都知道,小說接近尾聲,段譽身份解開前後,嶽老三被段延慶捅了個透心涼領了便當;雲中鶴因為中了悲酥清風,被前來救 […]

從零到一:用Phaser.js寫意地開發小遊戲(Chapter 1 – 認識Phaser.js)

寫在前面 實際上我從未想過我會接觸到H5小遊戲開發,那是在2015年末,當時我還剛開始學習iOS不久,用Swift在寫一個類似於Snapchat的應用。由於公司專案轉型,需要創造一個小遊戲平臺,需要使用一個比較成熟的前端遊戲框架來快速開發小遊戲。都說創業公司有無限的實踐機會,於是,我就接觸到了Pha […]

從零到一:用Phaser.js寫意地開發小遊戲(Chapter 2 – 搭建遊戲的骨架)

寫在前面 上一節我們認識了Phaser.js,也說到了Phaser比較適合開發2D的小遊戲,那麼接下來的幾篇文章會以開發一個移動端的小遊戲為例,來介紹如何上手Phaser.js。這一節的主要內容是用Phaser.js搭建遊戲的骨架。 遊戲相關的一些概念 畫布 一般來說,做遊戲的話基於Canvas會比 […]

從零到一:用Phaser.js寫意地開發小遊戲(Chapter 3 – 載入遊戲資源)

回顧 上一節我們搭建了遊戲的骨架,新增了四個遊戲場景,分別是載入、開始、遊戲、結束。那麼這一節我們來介紹載入這個場景,順帶豐富一下各個場景的基本內容。 Phaser.Loader Phaser框架自帶的一個loader,支援載入多種型別的資源,下面是離線文件中的介紹的截圖,詳細的API可以查閱文件得 […]

從零到一:用Phaser.js寫意地開發小遊戲(Chapter 4 – 遊戲即將開始)

回顧 上一節我們介紹了載入場景,並利用載入好的資源,豐富了開始介面。現在點選螢幕後仍是一片黑暗,那麼,這一節我們就來完成遊戲最核心的場景——play。我們要做的是一個接蘋果的遊戲,為此我們會加入物理引擎,會使用一些過渡動畫以及監聽觸控事件等等。 物理引擎 幾乎每一個遊戲框架都必須具備一個甚至多個物理 […]

從零到一:用Phaser.js寫意地開發小遊戲(Chapter 5 – 遊戲大功告成)

回顧 上一節我們完成了遊戲核心場景play的大部分工作,能操控主角,能隨機掉落蘋果了。那麼這一節我們來完成遊戲剩餘的部分,主要是計算分數、如何結束遊戲等等。 正式開始 第一步:接住蘋果得分 主角加入物理運動 檢測接觸事件 接到蘋果後,讓蘋果消失,並加分 對主角的修改: game.physics.en […]

SegmentFault 技術週刊 Vol.24 – “遊戲” 已啟動:Are you ready?

今天是六一國際兒童節,祝小夥伴們六一快樂!本期技術週刊小編為大家奉上幾款小遊戲,讓我們一起來 “玩” 吧~ 遊戲大集合 八分音符小遊戲 用 Vue Audio API 實現的熱門小遊戲,八分音符 這個遊戲的原理很簡單,就是通過聲音來控制小人移動,聲音越大,跳得越高。 獲取音訊和視訊 進行音訊和視訊通 […]

基於nodejs環境用Phaser來製作一個html5遊戲

最近對html5小遊戲有點感興趣,就在網上搜羅了一些教程,自己學著實現了簡單的flappybird。效果如下圖: 今天就跟大家簡單介紹下我的實現,相應程式碼已放置本人github,下面步驟所涉及到的資源素材皆在程式碼裡面。 1、建立node專案遊戲主要是有js來控制實現的,是要靠伺服器執行的,這邊我 […]