[pixi.js] PixiParticlesでパーティクル (4) ~炎と煙, 火の粉, 水面~

pixijsを使って、パーティクルを扱うよ。 :boy:
DisplayObjectをゆらゆらさせる水面反射効果も試してみたよ。 :bouzu:

pixijs_particles_reflection

PixiParticlesを使ってみちゃうよ。 :boy:
続きを読む [pixi.js] PixiParticlesでパーティクル (4) ~炎と煙, 火の粉, 水面~

[pixi.js] キラキラ効果 (2) ~Sprite, ParticleContainer~

pixijsを使って、キラキラ効果を作ってみる。 :bouzu:

pixijs_twinkle2

SpriteクラスParticleContainerクラスで表示してみたよ。 :boy:
パーティクル40000個でも意外と平気。(Containerよりは軽い)
続きを読む [pixi.js] キラキラ効果 (2) ~Sprite, ParticleContainer~

[pixi.js] キラキラ効果 (1) ~Sprite, Container~

pixijsを使って、キラキラ効果を作ってみる。 :bouzu:

pixijs_twinkle1

SpriteクラスContainerクラスで表示してみたよ。 :boy:
パーティクル40000個でも意外と平気。(モバイルだと重い)
続きを読む [pixi.js] キラキラ効果 (1) ~Sprite, Container~

[pixi.js] 水面反射効果 〜DisplacementFilter, RenderTexture〜

pixijsを使って、DisplayObjectをゆらゆらさせる水面反射効果に挑戦するよ。 :bouzu:
DisplacementFilterクラスRenderTextureクラスを使ってみたよ。 :boy:

pixijs_reflection

MovieClipクラスLoaderクラスで表示してみたよ。 :boy:
続きを読む [pixi.js] 水面反射効果 〜DisplacementFilter, RenderTexture〜

[pixi.js] ブレンドモード

pixijsを使って、ブレンドモードを学習するよ。 :bouzu:

pixijs_blendmode

MovieClipクラスLoaderクラスで表示してみたよ。 :boy:

左から順に、NORMAL, ADD, MULTIPLY, SCREEN, OVERLAY, DARKEN, LIGHTEN を指定。
あれ? OVERLAY, DARKEN, LIGHTEN が効いてない? 😕
続きを読む [pixi.js] ブレンドモード

[pixi.js] フィルタ効果 (8) ~DisplacementFilter~

pixijsを使って、フィルタ効果を学習するよ。 :bouzu:
DisplacementFilterクラスを試してみたよ。 :boy:

pixijs_filters_displacementfilter

MovieClipクラスLoaderクラスで表示してみたよ。 :boy:
続きを読む [pixi.js] フィルタ効果 (8) ~DisplacementFilter~

[pixi.js] フィルタ効果 (7) ~ConvolutionFilter~

pixijsを使って、フィルタ効果を学習するよ。 :bouzu:
ConvolutionFilterクラスを試してみたよ。 :boy:

pixijs_filters_convolutionfilter

MovieClipクラスLoaderクラスで表示してみたよ。 :boy:

フィルタをかける対象を画面クリックで切り替えるよ。 :cake:

:caution: 「Shader Warning: Unknown uniform type: 2v」という警告が出て、フィルタ効果が反映されない。
続きを読む [pixi.js] フィルタ効果 (7) ~ConvolutionFilter~

[pixi.js] フィルタ効果 (6) ~NoiseFilter~

pixijsを使って、フィルタ効果を学習するよ。 :bouzu:
NoiseFilterクラスを試してみたよ。 :boy:

pixijs_filters_noisefilter

MovieClipクラスLoaderクラスで表示してみたよ。 :boy:

フィルタをかける対象を画面クリックで切り替えるよ。 :cake:

:caution: iPad で見ると、虎柄になる。えっ!? 😥
続きを読む [pixi.js] フィルタ効果 (6) ~NoiseFilter~

[pixi.js] フィルタ効果 (5) ~DotScreenFilter~

pixijsを使って、フィルタ効果を学習するよ。 :bouzu:
DotScreenFilterクラスを試してみたよ。 :boy:

pixijs_filters_dotscreenfilter

MovieClipクラスLoaderクラスで表示してみたよ。 :boy:

フィルタをかける対象を画面クリックで切り替えるよ。 :cake:
続きを読む [pixi.js] フィルタ効果 (5) ~DotScreenFilter~