タグ別アーカイブ: ブレンドモード

[pixi.js] 金魚鑑賞 (4)

水槽内を泳ぐ金魚を上から覗いてみたよ。 :bouzu:
pixijs で試しちゃった。 :girl:

pixijs_school4

DisplacementFilter を使って、水面の光もゆらゆらさせてみた。 :boy:
全体のゆらゆらとは異なるゆらゆらで。 :beer:

続きを読む [pixi.js] 金魚鑑賞 (4)

[pixi.js] 金魚鑑賞 (3)

水槽内を泳ぐ金魚を上から覗いてみたよ。 :bouzu:
pixijs で試しちゃった。 :girl:

pixijs_school3

DisplacementFilter を使って、水面をゆらゆらさせてみた。 :boy:
ブラーかけようとすると、影が描画できないっぽい。 :cloud:

続きを読む [pixi.js] 金魚鑑賞 (3)

[pixi.js] 金魚鑑賞 (2)

水槽内を泳ぐ金魚を上から覗いてみたよ。 :bouzu:
pixijs で試しちゃった。 :girl:

pixijs_school2

RenderTexture を使って、影をつけてみた。 :boy:
ブラーをかけても軽い! :sun:

続きを読む [pixi.js] 金魚鑑賞 (2)

[CreateJS] 金魚鑑賞 (2)

水槽内を泳ぐ金魚を上から覗いてみたよ。 :bouzu:
CreateJS で試しちゃった。 :girl:

createjs_school2

BitmaData for EaselJS を使って、影をつけてみた。 :boy:
ブラーをかけるとかなり重くなるので、ブラーを外してある。 😥

続きを読む [CreateJS] 金魚鑑賞 (2)

[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] ブレンドモード

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

pixijs_blendmode

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

左から順に、NORMAL, ADD, MULTIPLY, SCREEN, OVERLAY, DARKEN, LIGHTEN を指定。
あれ? OVERLAY, DARKEN, LIGHTEN が効いてない? 😕

続きを読む [pixi.js] ブレンドモード

[Away3D] 地球儀ギャラリー (4)

Away3Dを使って、謎の地球儀ギャラリーを作ってみるよ。 :boy:

away3dEarthGallery4

Mesh を使ってみるよ。 :bouzu:
SphereGeometry, PlaneGeometry と TextureMaterial, BitmapTexture を使ってみたよ。
さらに、DirectionalLight も使ってみたよ。 :cake:

:caution: 要 Flash Player 11.8 以上

続きを読む [Away3D] 地球儀ギャラリー (4)

[Away3D] 地球儀ギャラリー (2)

Away3Dを使って、謎の地球儀ギャラリーを作ってみるよ。 :boy:

away3dEarthGallery2

Mesh と Sprite3D を使ってみるよ。 :bouzu:
SphereGeometry と TextureMaterial, BitmapTexture を使ってみたよ。
さらに、DirectionalLight も使ってみたよ。 :cake:

:caution: 要 Flash Player 11.8 以上

続きを読む [Away3D] 地球儀ギャラリー (2)

[Stage3D] Starlingでキラキラ光る (4)

Flash Player 11 から採用された Stage3D を学習するよ。 :bouzu:
Starling Framework を試しちゃうんだからね。 :girl:

starling_twinklelight4

ImageクラスQuadBatchクラスでキラキラ光るのを作ってみる。 :boy:
TextureクラスTextureAtlasクラスを用いて、パーティクル表示を試してみた。 :cake:

2種類のパーティクルを1つのスプライトシートに統合した。(TexturePacker)

:caution: 要 Flash Player 11.8 以上

続きを読む [Stage3D] Starlingでキラキラ光る (4)

[Stage3D] Starlingでキラキラ光る (3)

Flash Player 11 から採用された Stage3D を学習するよ。 :bouzu:
Starling Framework を試しちゃうんだからね。 :girl:

starling_twinklelight3

ImageクラスQuadBatchクラスでキラキラ光るのを作ってみる。 :boy:

:caution: 要 Flash Player 11.8 以上

続きを読む [Stage3D] Starlingでキラキラ光る (3)

[CreateJS] WebGLでパーティクル (3)

CreateJSを使って、パーティクルを扱うよ。 :boy:

createjs_light_webgl_blend

WebGL を使ってみちゃうよ。 :bouzu:
スプライトシートを使って、異なる色のパーティクルを発生させてみるよ。 :doki:
さらに、ブレンドモードみたいなのもかけてみた。 :cake:

続きを読む [CreateJS] WebGLでパーティクル (3)

[CreateJS] Context2Dでパーティクル (3)

CreateJSを使って、パーティクルを扱うよ。 :boy:

createjs_light_context2d_blend

Context2D を使ってみちゃうよ。 :bouzu:
スプライトシートを使って、異なる色のパーティクルを発生させてみるよ。 :doki:
さらに、ブレンドモードみたいなのもかけてみた。 :cake:

続きを読む [CreateJS] Context2Dでパーティクル (3)