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

基となるコードはこちらからお借りしました。
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

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

・FlatShader
・CellShader
・GouraudShader
・PhongShader

PointLight3Dで光源を創り、ShadedMaterialにGouraudShaderとBitmapDataを渡す感じ。

var light:PointLight3D = new PointLight3D();
var shader = new GouraudShader(light);
var mat = new ShadedMaterial( bitmapData, shader);//BitmapMaterial
var sphere = new Sphere(mat,300, 20,20);
_world.addChild( sphere );

GouraudShaderサンプル

PhongShaderをつかうとボコボコを表現できる。
こちらも光源を創りPhongShaderに凸凹用のBitmapDataを渡し、ShaderMaterialにPhongShaderと表示用BitmapDataを渡す。

var light:PointLight3D = new PointLight3D();
var phongShader = new PhongShader(light, 0xffffff, 0x333333, 0,  bumpMapData);//bumpMapData　凸凹をつけるための白黒画像
var mat = new ShadedMaterial( bitmapData, phongShader);//bitmapData 基の画像
var sphere = new Sphere(mat,300, 20,20);
_world.addChild( sphere );

PhongShaderサンプル
ぼこぼこ楽しい。

最近Pixcel3Dがなんだか流行っているので、
なんとなくPlaneを使ったBitmap Fontをつくってみる。

とりあえず今回は英数と記号少しで断念。
ちと飽きました。
時間みて違うフォントもつくってみたいと思う。

Fontサンプル

使い方はとっても簡単です。

var fontMate:ColorMaterial = new ColorMaterial(0xffffff);
fontTest = new BitmapFont3D("oreore", fontMate);

_world.addChild(DisplayObject3D(fontTest));

通常は左寄せになります。
centerにしたい場合は第3引数に”center”を指定すれば変更できます。
右寄せはなんとなくつくってません。

fontTest = new BitmapFont3D("oreore", fontMate,"center");

各ブロックへのアクセスは

BitmapFont3Dにletterにブロック1つづつが入っています。
こんな感じでアクセス

var fontMate:ColorMaterial = new ColorMaterial(0xffffff);
fontTest = new BitmapFont3D("oreore", fontMate);
fontTest.letter[0].x = 1000;

文字単位でアクセス移動できるのが良いのだろうか。。。

汚いですが、ソースコード一式を上げておきます。
誰か使ってくれると嬉しいです。

カタカナも作りたいな。