iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 16
1
Modern Web

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

Day16 濾鏡BlurFilter

blurFilter
PIXI提供一些濾鏡的使用,不過看起來是一般的靜態圖片才有作用,TilingSpritespriteSheet都沒有作用

filter是陣列,將blurFilter指定給圖片物件,這樣設定之後圖片立刻就會變成模糊

var blurFilter = new PIXI.filters.BlurFilter();

cat.filters = [blurFilter];

以下是做成動態的


let count = 0;

app.ticker.add(function(delta) {
    count += 0.005;
    var blurAmount = Math.sin(count);

    blurFilter.blur = 20 * (blurAmount);
});

上一篇
Day15 進度條
下一篇
Day17 pixi-filters plugin
系列文
30天Pixi帶你飛上天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言