[18- Pixi教學] 按鈕製作

開啟按鈕效果

官網點擊效果範例:https://pixijs.io/examples/#/basics/click.js
預設sprite是無法被點擊到的,因為要偵測這些事件會讓sprite更耗資源,因此如果我們想要讓一個sprite可以被點擊,則要特別對元件設定:

在連連看專案加入按鈕

ButtonBase

因為連連看裡面有許多個按鈕,每個按鈕雖然功能不同,但是會有許多相似的設定,因此將按鈕抽出一個ButtonBase的父類別
ButtonBase.ts的內容如下:

SoundBtn

新增一個檔案SoundBtn.ts,製作聲音開/關按鈕,內容如下:

GameScene

因為除了聲音按鈕外,要設定整個場景還需要加入非常多東西,因此我新增了一個類別叫GameScene,主要在將所有場景上的物件加進場景裡
GameScene.ts其內容如下



實作靜音功能

在SoundMgr.ts加上靜音功能

今日成果


線上demo:http://claire-chang.com/ironman2018/1102/
檔案下載:ironman20181102

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *