flash@isobar: 8月 2012

2012年8月31日星期五

本篇文章算是前兩篇的應用，
模擬音符從空中落下，
當滑鼠觸控到音符，會發出聲響，並產生小火花，
另外，當音符掉落至底部時也會有同樣的效果。

flint sparkler effect

火花效果
煙火效果
與前一篇雪花效果不同的地方在於，
emitter Counter 這次是一次性的，也就是 Blast
renderer 採用 BitmapRenderer，
並監聽滑鼠事件，當 click 時產生火花。

flint 粒子系統教學：Part2
前一篇已大致說明 flint 粒子系統原理，
emitter -> particle -> renderer

TimelineLite/TimelineMax
append
appendMultiple
加在時間軸的後面

prepend
prependMultiple
加在時間軸的前面

insert
insertMultiple
加在特定的時間軸中

flint 粒子系統教學：Part1
早期因工作需要有用過 2.x 版，
記得當時商業使用是要收費?
而且效能不符合當時的需求。

馬賽克拼磚(拼圖)效果

原圖用 10x10 的格子切割，
找出每個格子的代表色，
接著需載入夠多的圖檔作為圖庫(最少100張)，
並計算每個圖檔的平均色，
從圖庫中找出最接近每個格子代表色的圖檔，
進行拼貼。

pixel 效果教學，
也可以拿來當作馬賽克(mosaic)效果，

原圖用 10x10 的格子切割，
再用 getPixel 取出每個格子的代表色，
依序填入顏色方塊，就是最簡單的馬賽克效果。