鐵人檔案
看了『程式之美-微軟技術面試心得』一書後，對裡面許多遊戲的演算法邏輯及題目都頗感興趣。
連連看是我小時候很喜歡的一款遊戲，因此在這次的鐵人賽裡我選擇了這款遊戲來做鐵人賽的題目。
要在這三十天內使用我所熟悉的PixiJS來開發一款連連看遊戲，並在此分享開發的心得及過程。
什麼是NPM 下面是官網上對於NPM的說明 Use npm to install, share, and distribute code; manage de...
連連看遊戲需求 我所規劃的連連看應要有下面的功能： 時間限制：需要在8分鐘內完成遊戲，否則就算是沒有過關。 重整牌面的限制：最多只能重整牌面3次，每次耗1點生...
PixiJS能使用的素材 承上一篇文章，我們排好的UI介面，其最終的產出是一個fla檔案，但是這樣的檔案pixiJS是無法使用的。 因此我們必需要整理素材並匯出...
載入所使用的Library 在開發遊戲時我們會使用到PixiJS、SystemJS、和JQuery，因此我們會需要將這幾個library加進html裡。 首先我...
用PIXI.Sprite來載入圖檔 在PIXI.Sprite裡有一個fromImage(‘URL’)的方法可以直接讓我們將某個圖檔載入Sprite裡面，如： v...
加入loading page 上一篇的成果在載入檔案時畫面就會停在那邊，一般的遊戲通常會有一個下載中的畫面，告知使用者現在下載了幾％，還差幾％還未下載完成。 因...
PixiJS Sound PixiJS本身有開發可供使用的PIXI.sound。 並且官網上有很詳細的使用範例以及API手冊：PixiJS Sound Pix...
開啟按鈕效果 官網點擊效果範例：https://pixijs.io/examples/#/basics/click.js 預設sprite是無法被點擊到的，因為...
PIXI顯示元件介紹 PixiJS裡較常使用的顯示元件有：PIXI.Container、Sprite、AnimatedSprite PIXI.Container...
動畫物件 在一般的2D遊戲中，動畫可以用2D骨骼動畫製作（如：Spine）、粒子系統（如：Particles）、或者使用Tween(如：gsap）以及逐格動畫來...