しかし、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. 以下のようにヘッダ内からスクリプトを読み込みます。

4. ロールオーバ/ロールアウト用の画像を用意し、それぞれファイル名の最後に「_on」、「_off」としてください。
5. 最後に作成した画像をhtml内に記述するだけです。

これだけです。
なるべく、以前から使用させていただいているsmartRollover.jsと同じような使い方ができるように作成しています。

動作サンプル

以下スクリプトです。
※よくクリックしてブラウザの戻るボタンで戻るとロールオーバ状態の画像のままになっていることがあります。
この現象が起きないように、ダウンした時に画像を切り替えています。不要であれば
「//ここいらないのなら削除してください。」からの3行ほどを削除してお使いください。

$(function()
{
		var targetImgs = $('img');

		targetImgs.each(function()
		{
			if(this.src.match('_off'))
			{

				this.rollOverImg = new Image();
				this.rollOverImg.src = this.getAttribute("src").replace("_off", "_on");
				$(this.rollOverImg).css({position: 'absolute', opacity: 0});
				$(this).before(this.rollOverImg);

				//ここいらないのなら削除してください。
				$(this.rollOverImg).mousedown(function(){
					$(this).stop().animate({opacity: 0}, {duration: 0, queue: false});
				});

				$(this.rollOverImg).hover(function(){
					$(this).animate({opacity: 1}, {duration: 400, queue: false});
				},
				function(){
					$(this).animate({opacity: 0}, {duration: 400, queue: false});
				});

			}
		});
});

■注意事項
・勝手に使ってください。
・使用に関しては自己責任でお願いいします。こちらでは、一切の責任を負いません。

以前から使いたかったエフェクトをクラス化しおく。

基となるコードはこちらからお借りしました。
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(エフェクト用のオブジェクト, ボックス,ステージの幅,ステージの高さ, スピード)
var effect:LiquidFx = new LiquidFx(sp, empty, stage.stageWidth, stage.stageHeight, 10);
//実行　左から現れる
effect.runLeft();

色々考えてボックスに入れることにしてますが、
たぶん必要ないです。。。
無いと表示の重なりとかで面倒なことにならないかな？
ならないですよね。

クラス化してみて分かったこと。

• 基の画像を100倍に引き伸ばしているだけ。
• 引き伸ばした画像と基の画像にマスクをかけ、それぞれを移動させる。
• 気が向いたら立て方向もつくる？

さぞかし難しいことをやっているのだと思っていましたが、こんな簡単に実装できるものなのですね。
コードがある程度書くことができるようになりましたが、こんなことは思いつきません。。。

家庭菜園　トマトの育て方

Progression4が正式リリースされたので、3で使用していたローダーを4に移植しました。
サンプル01
サンプル02
サンプル03

使い方は下記からソースコードをダウンロードし、
解凍してできた「Preloader.as」と「LoaderCommand.as」を
Progression4プロジェクトを作成した際にできる「src」フォルダに上書きし
あとは色や線の太さなどを自由に変えていただければと思います。

また、今回フォント「04b25」を使用しています。
異なるフォントや、埋め込みフォントを使用しない場合。

コンパイルしてもフォントが表示されない場合は以下を調整していただければ問題ないかと思います。

//フォント名を変更
format.font = "04b25";

//この部分を削除
_textField.embedFonts = true;

サンプル01ソースファイル:src.zip
サンプル02ソースファイル:src.zip
サンプル03ソースファイル:src.zip
ドーナッツ型を描画するクラスは「詳細Actionscript3.0 入門ノート」に掲載されているものを使用しています。

actionscriptをある程度扱えるようにはなってきたが、
3Dを扱うとすぐに頭が混乱する。
もう一度、一から勉強してみようと思う。

一番最初に、三角関数を使った運動を考えて見ます。
これが、全ての基礎になるはずなので、sin,cos,tanは何をしてるのか理解しておく。

actionscriptで三角関数を使って値を求めるときは、以下の式？をつかいますが、
これは、そもそも何を求めているのか？

var sin:Nmber = Math.sin("ラジアン角度");
var cos:Nmber = Math.cos("らじあん角度");
var tan:Nmber = Math.tan("ラジアン角度");

これらの公式は
sinは斜辺と対辺の比率を。
cosは斜辺と隣辺の比率を。
tanは隣辺と対辺の比率を。
それぞれ求めることになります。
比率が分かるということは、斜辺と角度さえ分かれば、その座標が分かるということ。
言葉にすると意味が分からないですね。ぼくの言い方悪いだけか；

中学生？の時にたぶん習ったと思います。たぶん。
それはこういった公式でした。

これを円運動に活用します。
斜辺と角度さえ分かれば、対辺と隣辺がわかるのです。

言い換えると、
回転の中心点「A」から角度30度の傾きで100pxの線を引いた「B点」の座標を求めることができます。
円運動をさせたい場合はenterFrameなどで角度を足していってあげればよい。

//sinとcosを求める
//[Math.PI / 180]私達が普段つかっている角度から
//ラジアン（角度）に変換する。
var sin:Number = Math.sin(rotate * Math.PI / 180);
var cos:Number = Math.cos(rotate * Math.PI / 180);

//求めた比率を使って対辺と隣辺の長さ（距離）を求める
//これがFlashでつかうx座標（隣辺）,y座標（対辺）になる。
対辺 = sin * 100;
隣辺 = cos * 100;

実際の動くコードは以下のようになります。
三角関数の理解の助けになれば幸いです

また、度からラジアン　ラジアンから度への変換は以下のように行うので
丸暗記しておくのがよいかと思います。

radian = 角度*Math.PI/180;
degrees = ラジアン*180/Math.PI;

• 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\.blender\scripts)
• Mac: /Applications/blender/blender.app/Contents/MacOS/.blender/scripts/

私はVistaなので少しちがうようで、下記に設置しました。

• \Users\<username>\AppData\Roaming\Blender Foundation\Blender\.blender\scripts

blender で適当なオブジェクトを作成し
Flie > Export > ActionScript3.0 Class(.as)
を選択します。

あとは、パッケージ名と保存先を指定すれば指定した保存先にファイルが作成されます。ちょっとぼくの環境ではクラス名の指定ができなかったです。

ここまでがblender側で行う処理です。

残りは、いつも使っているpapervision3dで下記のような形でnewしてあげればできあがり。

//マテリアルの作成
var mate:WireframeMaterial = new WireframeMaterial();
//blenderで作成したクラスファイルをnewしってあげる(OreObject)
var ore:TriangleMesh3D = new OreObject(mate);
//シーンに追加
scene.addChild(ore);

細かいものを作成するとファイル自体も大きくなり、動作も重くなりますが、ちょっと変わった形状の物をpapervision3dで描画するにはとても簡単だと思いました。

//線の色を設定
var lineMt:LineMaterial = new LineMaterial(0xff6633, 1);
//線を描くコンテナを作成
var _line3d:Lines3D = new Lines3D(lineMt);
//線の太さ,始点x, 始点y, 始点z, 終点x, 終点y, 終点z
_line3d.addNewLine(0, 0, 0, 0, 0, 2500,0 );
//シーンに追加
scene.addChild(_line3d);

ラインが伸びるアニメーションはTweenerでスケールを変更しています。

Tweener.addTween(_line3d, {
	scaleX:1,
	scaleY:1,
	scaleZ:1,
	time:8
});

今回数本の線を引くのに1つのLines3Dに1本の線を引いています。
1つのLines3Dに複数のラインを引くよりも軽かったからです。
描画面積が大きくなるからだろうか。
もうすこし詳しく調べないとダメですね。

もっと軽くなれば1920×1200のフルスクリーンで300本くらいぐわっと動かしたいものです。。。

参考記事
http://flash.polig.daa.jp/?eid=869558

Flasplayer10で

	container.addChild(castSprite);

をおこなって、リロードを何度かしていると

と起こられてしまいます。
もちろんaddChildAtなどは使用していません。
Progression3でもおこるようなのですが、3では起こったことがなかったのでなぞです。

応急処置的には

	new AddChildAt(container, castSprite ,container.numChildren),

で起こらなくなりそうです。
ん～～なぞ。。。

参考：
http://www.infective.jp/blog/2009/09/progresssion4.html
http://forum.progression.jp/index.php?topic=33.0

大型店舗ではむつかしい、きめ細かいサービスで、ゆっくりと丁寧に接客をしていただけます。何より、話やすいです。人見知り激しい私でもなんだか普通に話せました。。。なんでだろ？シャンプーでカユイとことがあっても言えない方は是非とも足を運んでみてください。めっちゃたのしいですよ。
http://havana-stripe.com/