以前からロールオーバの演出を行う際は、下記のsmartRollover.jsを使用させていただいておりました。 http://css-happylife.com/archives/2007/0621_0010.php しかし、Flashのような演出をしてくれなどと言われることも多くなったので、jQueryを使ったて簡単にフェードイン・フェードアウトできる スクリプトを作りました。これでちょっとだけサイトをリッチにできるはず。 作成する際、以下の記事を参考にさせていただきました。 http://css-happylife.com/archives/2007/0621_0010.php http://suzken.com/2010/10/jquery-fade-rollover.html ■使い方 1. jQueryをダウンロード 2. ロールオーバ用のJSをダウンロード 3. 以下のようにヘ

しばらくお仕事はお休みです。 以前から使いたかったエフェクトをクラス化しおく。 基となるコードはこちらからお借りしました。 http://wonderfl.net/c/i4zJ/ サンプル ASファイル //空のボックスを作ります。 var box:Sprite = new Sprite(); //エフェクトをかけたいオブジェクトをボックスの中に入れる var obj:Sprite = new Sprite(); with (obj) { graphics.beginFill(0xff6633); graphics.drawRect(0, 0, 200, 100); graphics.endFill(); x = 100; y = 100; } box.addChild(obj); //エフェクトを作成 //LiquidFx(エフェクト用のオブジェクト, ボックス,ステージの幅,ステージの

Progression4のなめらかプリローダーつくってみたよ。 Progression4が正式リリースされたので、3で使用していたローダーを4に移植しました。 サンプル01 サンプル02 サンプル03 使い方は下記からソースコードをダウンロードし、 解凍してできた「Preloader.as」と「LoaderCommand.as」を Progression4プロジェクトを作成した際にできる「src」フォルダに上書きし あとは色や線の太さなどを自由に変えていただければと思います。 また、今回フォント「04b25」を使用しています。 異なるフォントや、埋め込みフォントを使用しない場合。 コンパイルしてもフォントが表示されない場合は以下を調整していただければ問題ないかと思います。 //フォント名を変更 format.font = "04b25"; //この部分を削除 _textField.embe

blender でモデリングしたオブジェクトをpapervision3d用に出力ができる「blender-as-exporter」というものがあったのでうっすらとさわってみました。 必要なものをとりあえずダウンロードします。 blender blender-as-exporter ひとまずblenderのインストールが完了したら、blender-as-exporterを解凍とうしてできた「AS3Export」の中身にある「AS3Export.py」と「AS3Export」下記に設置します。 Windows: /Blender Foundation/Blender/.blender/scripts/ (Blender .2.46: C:\Documents and Settings\<username>\Application Data\Blender Foundation\Blender\

Papervision3dで使えるBitmap FontをPlaneでつくってみたよ 最近Pixcel3Dがなんだか流行っているので、 なんとなくPlaneを使ったBitmap Fontをつくってみる。 とりあえず今回は英数と記号少しで断念。 ちと飽きました。 時間みて違うフォントもつくってみたいと思う。 Fontサンプル 使い方はとっても簡単です。 var fontMate:ColorMaterial = new ColorMaterial(0xffffff); fontTest = new BitmapFont3D("oreore", fontMate); _world.addChild(DisplayObject3D(fontTest)); 通常は左寄せになります。 centerにしたい場合は第3引数に”center”を指定すれば変更できます。 右寄せはなんとなくつくってません。 f