気になった記事 22

・ NORISUKE WORKS

Box2Dがうまく使われている。アイデアがカッコイイ。Box2Dは使いどころが難しいと思うのでこういう風に使えるのはうらやましい。




・ FORESTS FOREVER

いろいろとかっこよすぎ。かなりの衝撃を受けました。いろいろと真似してみよう。

Tweenerで色をトゥイーン

Tweenerのスペシャルプロパティを利用して、色や明度を変更することができます。

こんな感じです。

緑 → 赤 → 黄色 → 元の色 → 明度変更 → 明度元に戻す        の順に変化します。

かなり便利。





Tweenerはいろいろなプロパティがあって、うまく使えばかなり便利。

参考になるサイトもいろいろあります。


・ Tweener のさらなる進化

・ Tweener拡張で、MovieClipをMatrixで超変形をできるようにした

・ Tweenerで色を変更する(_color)

・ Tweenerを使って画像の色を変化させるTips


うまく使いこなせるようになりたいもんです。






以下、ソースです。

続きを読む "Tweenerで色をトゥイーン"

FlexでGradientCanvas

GradientCanvasというものを見つけました。

こんな感じに簡単にグラデーションのついたパネルを作成できます。

ソースコードも見れるので、いろいろ参考になります。

前からこんなのが欲しかったので、見つけることができてよかったです。

FlexとBox2DFlashAS3 その2

久しぶりにBox2Dをいじる。

とりあえず、Flexと組み合わせて使えるようにする。


・ マウスでドラッグアンドドロップ

・ 壁は、画面と一緒にリサイズする

・ 円をクリックするとなんかイベント

・ 円が画面外に出ると作り直す


この4つを出来るようにしたい。

とりあえず、こんな感じになりました。





一番大変だったのはInputクラスの利用。

stageにアクセスするとエラーが起きてしまいました。

困っていたところ、きれいに拡張して利用しているサイトを発見。


Box2Dでサンプルアプリを作ってみました。（PHP,MySQL,Flexな日々＋イラストとか ）


まんま利用させてもらってます。

前々から困っていた部分だったので、解決してよかったです。




ソースは、右クリックの「ソースの表示」でお願いします。

バージョンは2.0.1です。




---------------------------------------------------------------

2009/1/3 追記

Flexでもちゃんとstage使えました。

こんな感じです。

---------------------------------------------------------------

気になった記事 21

気になった記事。Box2Dやり直そうと思う。


・ Papervision3D - Now Featuring Frustum Clipping


・ Box2Dで　四角の一人ボール遊び


・ 三角関数を使った円運動 （三角関数、角度とラジアン）


・ ロボットの運動学 (Robot kinematics)


・ ゆらゆら揺れる文字 - DisplacementMapFilter






かっこいいサイト。いい。


・ La vera sartoria giapponese ｜ BEYES / バイズ

Papervision3Dをやってみた47

球体配置の続き。

まだ挙動がかなりおかしいし、エラー処理もしてませんけど。

一応こんな感じかな。

画像はFlickrから取ってきてます。

あと、クリックすると、画像がピクセル等倍で表示されるはず。

カメラを動かすか画像を動かすか悩んだけど、画像のほうが楽です。

こんな感じです。








以下、ソースです。

(2009/3  ソース直しました。)

続きを読む "Papervision3Dをやってみた47"

Papervision3Dをやってみた46

前回の記事を改造。

結局、普通にサインコサインを利用して計算することにしました。

というわけで、サンプルはこちらです。

やっぱこっちのほうが好き。









以下、ソースです。

(2009/3  ソース直しました。)

続きを読む "Papervision3Dをやってみた46"

Papervision3Dをやってみた45

球体配置を少しいじる。

Tweenerでカメラを動かしてみた。

Planeをクリックしてみてください。

こんな感じになります。

rotationを計算してないからただ視点とカメラの位置がターゲットに寄るだけ。






ちなみに、planeの位置を獲得する場合は、シーン上の位置が欲しいのでsceneXプロパティなどを利用する。

あと、カメラの視点をTweenerで利用する場合は、targetプロパティのxyzを動かす。

ここらへんは覚えておくと便利です。






以下、ソースです。

(2009/3  ソース直しました。)

続きを読む "Papervision3Dをやってみた45"

Papervision3Dをやってみた44

ViewportLayerを利用すれば、フィルターを利用できます。

下のように利用できます。

var  p:Plane = new Plane(mat, 100, 100);
var vpl:ViewportLayer = p.createViewportLayer(viewport, true);
vpl.filters = [ new BlurFilter(4,4,1) ];

useOwnContainerを利用する方法もありますが、これだとイベントが使えなくなる（何故）。

var  p:Plane = new Plane(mat, 100, 100);
p.useOwnContainer = true;
p.filters = [ new BlurFilter(4,4,1) ];

手軽にフィルターが利用できるのは便利です。

こんな感じに。ViewportLayerを利用しています。









以下、ソースです。

続きを読む "Papervision3Dをやってみた44"

Papervision3Dをやってみた43

円配置。

各Planeに動いてほしかった。

これを作りたかったもんで。

こんな感じになりました。

簡易版って感じ。

もう少しいじりたい。







以下、ソースです。

(2009/3  ソース直しました。)

続きを読む "Papervision3Dをやってみた43"

アルファマスク

自分用の備忘録で。

マスクにBlurFilterやアルファ値の変更を適用したい場合。

マスクを適用する側と、マスクになる側の両方のcacheAsBitmapをtrueにしないといけない。

そうしないと全く適用されない。

設定をするとこんな感じできれいになる。

忘れてて焦った。





一応ソース。

続きを読む "アルファマスク"

Papervision3Dをやってみた42

FogMaterialってのがあります。

全体に霧がかかったようなかんじになります。

まだ使い方がよくわかりませんが、簡単に霧が表現できます。

こんな感じになります。








以下、ソースです。

続きを読む "Papervision3Dをやってみた42"

気になった記事 20

Papervision3D関係。


・ Great White, Meet Effects


・ Papervision3D effects demos


・ [ Papervision3D ] ネタ切れの正12面体


・ Fog in Papervision





かっこいいサイト。いやあすごい。


・ Vorsprung durch Technik


・ ARICA New Brands ARICA





その他。


・ 巨大な背景画像を使って秀逸にデザインされたサイト集


・ PHPでMySQL管理が便利になるphpMyAdminの代わりとなるWebアプリいろいろ


・ 一様分布の和は一様に分布しない話 (1)


・ YouTube動画内の音声を認識してテキストでインデックスする『GAudi』がスタート

sketchbookを使ってみる。

sketchbookを使ってみました。

色々な図形が簡単に書けます。

星とか扇型とかサクサク。

こんな感じです。

HSVとRGBの変換関数なども用意されていて、便利。

Spriteがぐっと簡単に扱えていいです。







以下、ソースです。

続きを読む "sketchbookを使ってみる。"

気になった記事 19

・ My first Pixel Bender filter (SquarePattern)



・ Papervision3D v2 Sound Visualizer Experiment 1



・ More Visualization (Papervision 3d + 2d lines)



・ AS3 Water Effects in Papervision 3D, Away3D and Sandy3D



・ 3D Globe Mania



・ 3D Flash Perlin Noise Terrains with AS3 and Sandy



・ 3D Materials, Texturing and Mapping in AS3 and the Limits of Flash and Software Rendering








3Dとパーリンノイズを組み合わせるときれいです。

気になった記事 18

・ as3mod


・ 糞山


・ Flex と FlashCS3 で SWF を作るときの 18 のポイント＋α


・ 3D RIBBONS IN PAPERVISION


・ 重力デスクトップを作ってみました


・ PV3D Showcase: 16 Ways to Navigate with Planes and Cubes


・ ウィンドウを動画キャプチャーしてチュートリアル用のFlashを作成「Wink」

Papervision3Dをやってみた41

vectorvisionってのがあるそうで。

ちょっくら使ってみました。

文字とか奇麗に利用できるのはうれしい。

svgファイルも使えるみたいだし。

同梱されているサンプルファイルがものすごくわかりやすい。

とりあえず、こんなの作ってみました。

サンプルをちょっとだけいじっただけです。

エフェクトを追加したのはこっち。

いや、いいですよこれ。







以下、ソースです。

続きを読む "Papervision3Dをやってみた41"