iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 10
2
Modern Web

30天Pixi帶你飛上天系列 第 10

Day10 之偷懶專用圖片變色Tinting

有時候在遊戲中會有些角色狀態的改變,像是吃到毒蘑菇會變成綠色,吃到紅蘋果會變紅色(?),吃到星星會變黃色這類的效果,單純為了做這件事還要另外畫圖和用程式調整聽起來就有點麻煩,所以這篇就是來快速幫你解決這件事情!!

Tintingsprite裡的一個屬性

使用的方式

let star = PIXI.Sprite.fromImage('img/star.png')
star.tint = 0xfdd843; //設定遮罩的顏色

如果想要random的顏色

star.tint = Math.random() * 0xFFFFFF;

放在ticker中的話,就會不停的變換顏色~

app.ticker.add(delta => {
    star.tint = Math.random() * 0xFFFFFF;
})


上一篇
Day9 碰撞偵測
下一篇
Day11 Resize
系列文
30天Pixi帶你飛上天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言