Home > ActionScript3.0 | Away3DLite | Event | FlashDevelop > 東京てら子11での発表内容(Away3DLite入門)

東京てら子11での発表内容(Away3DLite入門)


昨日の東京てら子11で、僕が話した内容は以下のような感じです。

発表で仕様したサンプルコードは、ここからダウンロード出来ます。

teracoの3Dロゴの作り方

てら子のサイトに掲載されているteracoの3Dロゴですが、大したことはしていません。

何とも可愛らしい「てら子ロゴ」のイラレデータを以前に頂いたので、そのままイラレで開いて、効果→3D→押し出し・ベベルを選択。

アイソメトリック法-右面とアイソメトリック法-上面を使い、あとやったことと言えば、奥行きの値と各パラメーターの数値をちょっと調整したのと、陰影のカラーをブラックではなく、カスタムにしたくらい…

ものの数分で、いい感じのロゴが完成! という感じです、はい。

Away3DLite入門・はじめに

ダウンロードしたサンプルですが、FlashDevelopプロジェクトになっていますので、ご使用の環境に適宜調整して頂ければと思います。

Away3DLiteのサンプルコードと『Flash 3Dで学ぶプログラミング』の書籍を半分くらい読んだのですが、どちらもコードの書き方は共通していました。(書籍もサンプルコードの書き方を参考にしていると記載されていました)

それが、src>Main.asになります。

僕のサンプルもその書式に則って書いてあります。

Away3DLite入門・便利なところ

サンプルの中のファイル名「●●●Test.as」というのは、Spriteクラスを継承して、SceneやCameraやViewなどをゴリゴリ書いていくやり方になります。

Away3DLiteには、便利なテンプレートが用意されています。(src>away3dlite>templates)

Template.asには、先の一連の設定(SceneやCameraやViewなど)が既にされているので、それを使ってあげることで、Away3DLiteを簡単に試すことが可能になります。

サンプルの中のファイル名「●●●Temp.as」というのは、Template.asをextendsしたBasicTemplate.asを用いて、コードを書き換えたものになります。

感じとしては、clockmakerさんの『フレームアクションで覚える Papervision3D チュートリアル Vol.01』のBasicViewを用いて…というのと似ているのではないかと思います。

あとは、テクスチャの貼り付けが簡単ということでしょうか…

ImageTest.asやLoadImageTest.asにもありますが、Cube6のデフォルトの値(幅・高さ・奥行き)は100なので、300×200pxの画像を作成し、それを貼り付けてあげれば、OK。(サイコロなどを作るときは、画像の作成方法に気をつける必要があります。そこは、assets>number.jpgをCube6に貼り付けてあげて、貼り付けられる面の順番を確認してください!)

Away3DLite入門・BasicTemplateの使い方

BasicTemplateで何かプリミティブオブジェクトを作成するとかいった処理は、以下のように行います。

private var cube:Cube6;

//初期化などの処理を記述
override protected function onInit():void {
	cube = new Cube6();
	scene.addChild(cube);
}

こんな感じでoverrideする必要があります。(ここらあたりはProgressionと似ていますね!)

オブジェクトを回転させるとか言った処理は、以下のように記述します。

//変更を加えるとかの処理はここに
override protected function onPreRender():void {
	cube.rotationY += 2;
}

こんな感じで、テンプレートを使ってあげるとサクッと出来ちゃいます。

ただ気をつけることは、TemplateはcamerasクラスのCamera3Dを使っていることでしょうか…

ですので、HoverCamera3DやTargetCamera3Dを使いたい場合には、注意が必要です。

HoverCamera3Dを使ったテンプレートを自作するのも、一つの手かと…

Away3DLiteを触り初めてまだ日が浅いので、まずはこんなところで…

Comments:0

Comment Form
Remember personal info

Trackbacks:1

Trackback URL for this entry
http://flabaka.com/blog/wp-trackback.php?p=3015
Listed below are links to weblogs that reference
東京てら子11での発表内容(Away3DLite入門) from flabaka
pingback from teraco - 東京てら子11 「3D」 10-12-13 (月) 14:41

[…] 東京てら子11での発表内容(Away3DLite入門)(@flabaka) […]

Home > ActionScript3.0 | Away3DLite | Event | FlashDevelop > 東京てら子11での発表内容(Away3DLite入門)

Search
Feeds
Meta

flashDevelopスポンサー

Return to page top