初めてのpapervision3D その3

次は3Dの球体にテクスチャを張り付けてみよう。

BitmapFileMaterialをつかって画像をはりつける
せっかくなのでgooglemapの航空写真をつかってみました。

bg
サンプルはこちら

そしてソース

package
{
	import flash.display.Sprite;
	import flash.events.Event;
	import caurina.transitions.Tweener;
	import org.papervision3d.view.*;
	import org.papervision3d.objects.primitives.*;
	import org.papervision3d.materials.*;

    public class Main extends BasicView
    {
		private var mySphere:Sphere;
		public function Main() {
			init();
		}
		private function init():void
		{
			var material:BitmapFileMaterial = new BitmapFileMaterial("bg.jpg");
			mySphere = new Sphere(material, 300, 30, 30);
			var sp:Sprite = new Sprite();
			scene.addChild(mySphere);
			startRendering();
			sp.addEventListener(Event.ENTER_FRAME,enterFrameHandle);

		}
		private function enterFrameHandle(e:Event):void
		{
			mySphere.rotationY += 0.5;
		}
	}
}

追加変更した部分は・・

1、materialsをインポート
import org.papervision3d.materials.*;

2、BitmapFileMaterialに対象画像のパスをつっこみ
var material:BitmapFileMaterial = new BitmapFileMaterial(”bg.jpg”);

3、Sphereをnewする際に第1引数にいれちゃういましょう

mySphere = new Sphere(material, 300, 30, 30);

ちなみに第2引数は表示サイズ、第3引数と第4引数は縦線横線の数になります。
初めてのpapervision3D その2 の時より線を増やしてカクカク感をとりより球体らしくしました。

VF1からVF3位の差がでたきがします。

Tags: ,

初めてのpapervision3D その2

前回のつづきです。
※Papervision3D 2.0 Great Whiteをダウンロードしてパスが通っているのが前提とりなります。

ではではこんな感じで

サンプルSWF

3Dの球体がよこにクルクル回るクラスをかいてみましょうか。

package
{
	import flash.display.Sprite;
	import flash.events.Event;
	import org.papervision3d.view.*;
	import org.papervision3d.objects.primitives.*;

    public class Main extends BasicView
    {
		private var mySphere:Sphere;
		public function Main() {
			init();
		}
		private function init():void
		{
			mySphere = new Sphere(null, 300, 10, 10);
			var sp:Sprite = new Sprite();
			scene.addChild(mySphere);
			startRendering();
			sp.addEventListener(Event.ENTER_FRAME,enterFrameHandle);
		}
		private function enterFrameHandle(e:Event):void
		{
			mySphere.rotationY += 1;
		}
	}
}

Tags: ,

初めてのpapervision3D

flashとか作りますよ、とかいうと必ずといっていいほど
「3Dできんの?」
なんて聞かれますよね。

てなわけで papervision3D をつかってみた。
papervision3Dとは簡単に3Dグラフィックスを表現できるactionscriptライブラリです。

まずはpapervision3Dをダウンロードしよう。
とりあえず現状で一番新しいバージョン

Papervision3D 2.0 Great White をつかいます。
※バージョン1.5 / 1.7 とはいろいろ仕様がかわっているそうです。

まためんどくさいことに
Papervision3D 2.0 Great WhiteはSubversionで入手するしかないようです。
※Subversionについてはこちらを参照してください
Subversion - Wikipedia
TortoiseSVNのインストールと設定(windowsのひと)

リボジトリのURL:
http://papervision3d.googlecode.com/svn/

ダウンロードしたフォルダは任意のディレクトリにおいておきましょう。
ちなみに僕はフォルダに「p3d」と名前をつけCドライブ直下においたのでパスはこうなりました。

C:\p3d\trunk\as3\trunk\src

でflash cs3 環境の場合は 

編集 >> 環境設定 >> Actionscript >> Actionscript 3.0 設定
で上記のパスを追加

flashDevelop環境の場合は

Tools > Global Classpaths に上記パスを追加

これでPapervision3D 2.0 Great Whiteを利用できる環境ができました
ながかったー

ながかったのでスクリプトは次の機会に
・・つづく

Tags: ,