鐵人檔案
最近團隊的專案一部分跟特殊互動效果有關的小專案，原本就對canvas有興趣，但時至今日都沒去研究過（登愣），剛好團長兼主管修揪參加鐵人賽，就報了，接著就會開始三...
一開始我們先到pixi的官網下載pixi.min.js的檔案 並且載入到專案中 <script src="pixi.min.js"&...
在我們建立PIXI.Application之後 let app = new PIXI.Application({width: 256, height: 256,...
主要是PIXI.Text 和 PIXI.TextStyle， // 文字樣式 let style = new PIXI.TextStyle({ fon...
這裡不能上傳gif真的是滿麻煩的(躺)我也懶得找空間看效果大概就是把扣複製貼上在自己的檔案上看吧(咦只好動態圖貼在 廢物人森 點入收看效果~(硬要貼粉專) 今...
前一篇只有提到如何使用json載入spriteSheet並且播放,本篇則是關於如何去控制spriteSheet,範例延續上一篇繼續使用 相關屬性: pla...
這篇要講的內容,類似css中background-repeat這個效果,一般在做橫向卷軸遊戲應該都會用到這個,除非覺得載入超長的圖片無所謂的話,就不需要使用到這...
一開始做素材的時候,就畫了橫向卷軸類型的畫面,邊寫PIXI邊想下一篇要寫甚麼,第八天了我有點累了快沒梗了怎麼辦(抓頭 本篇貌似跟PIXI沒啥關係,但我們是來做...
在pixi裡面沒有直接的碰撞函式,不過可以直接使用官方寫的方式 將下面的程式碼放進檔案中,之後就可以直接呼叫來做碰撞偵測,不過這段是以兩個物件的中心點做碰撞偵...
有時候在遊戲中會有些角色狀態的改變，像是吃到毒蘑菇會變成綠色，吃到紅蘋果會變紅色（？），吃到星星會變黃色這類的效果，單純為了做這件事還要另外畫圖和用程式調整聽...
