ideacloud blog - 名古屋のWEB制作会社アイデアクラウドのブログ » FLASH

Papervision3D vol.1「Papervision3D インストールから球体回転まで」

tanaka — Wed, 14 Apr 2010 08:16:28 +0000

現在FLARToolkitを使って色々と開発をしていますが、
表現をより豊にクオリティを高くするためには、
Papervision3D をもう少し使いこなせないといけないなということで、
改めて１から勉強してみようと思い、メモがわりに勉強したことを残していきたいと思います。

今回は「Papervision3D インストールから球体回転まで」。

1.Papervision3Dのインストール

インストールは普通のソフトウェアと少し異なり、
SVNリポジトリからダウンロードする必要がありますので、
SVNクライアントをまずセットアップします。
クライアントを「svnX」からダウンロードします。

クライアントだけでは動かないので、「Martin Ott」からライブラリもダウンロード。
インストール後下記のようなウィンドウが出現します。

Nameは任意の英文。Pathには以下のURLを入力して追加。

http://papervision3d.googlecode.com/svn/trunk/

リストに追加されたら、追加されたリストをダブルクリック。
ダウンロードのためのウィンドウが開きます。

色々と入っていますが、今回はAS3での開発ですので、

http://papervision3d.googlecode.com/svn/trunk/as3/trunk

以下のファイルを任意の場所にダウンロード。
ダウンロードしたら、ディレクトリパスをFLASHの設定の
ActionScript3の設定からパスを設定。

以上で、インストールは完了です。

2.動作確認のために球体が回転するというデモを作成する。

上記のようなオブジェクトをPapervision3D で表現します。
今回は外部asから読み込むような形で、コードを制作しました。
事細かくコメントアウトをしましたので、
ご参考までに御覧ください。

package{//のようなもの外部からASを呼び出すときに必要

	//ここから必要な機能をインポート。import+機能で呼び出し。
	//アスタリスクは全ての命令という意味。
	//下記の場合はPV3Dのviewとpromitivesの機能全てをインポート。
	import flash.events.MouseEvent;
	import org.papervision3d.view.*;
	import org.papervision3d.objects.primitives.*;

	[SWF(backgroundColor = "#000000", width="400", height="300")]

	public class MyCube extends BasicView{
		//クラス名を指定 class名はasのファイル名と一致させること。
		//publicはどこからでも参照できるという意味。
		//extendsはその単語以下の機能を継承して使わしてもらうという宣言。
		//この場合はBasic viewの機能をこのクラスで使うという意味。
		//この機能は上記のimportで取り込んでおかないと使うことができない。
		//Basic view.asはディフォルトでカメラを設定してくれるクラス。

		//ここからコンストラクタ。コンストラクタはインスタンス
		//（オブジェクトの実体）を作り、インスタンスを初期化することにあります。
	  public function MyCube() {		  

		 //半径300、縦40分割、横40分割の球体（Sphere）を作る
		var mySphere:Sphere = new Sphere(null,300,40,40);

		  //シーンに配置
		  scene.addChild( mySphere );

		  //マウスイベントの定義
		  stage.addEventListener(MouseEvent.MOUSE_MOVE, onMouseMove);

		  //レンダリング開始
           startRendering();
			  }

	  //イベントの処理の設定-マウスの動きでインスタンスが回転
		private function onMouseMove(e:MouseEvent):void {
			var pitch:Number = -mouseY * 0.5;
			if (pitch >= 0)
				pitch = -0.1;
			camera.orbit(pitch, mouseX * 0.8);
		}
   }
}

技術と体に時間投資を

tanaka — Sat, 13 Feb 2010 05:54:04 +0000

現在WEBを中心にデザイン、企画で事業を行っていますが、
毎日に追われるばかりで、最近自分自身は走り続けているだけで
メンテナンスしていないのではないかと思い、
このままえではいつか立ち止まる。行き詰まると言う不安にかられました。

まず手を入れなければならないなと考えたのが技術。

今後CSS3やHTML5の出現で、さらにコーディングといえども
多様化していき、さらにリッチなコンテンツへとWEBが
向っていくのであれば、かならずプログラム的な技術の壁に
ぶつかる事になるだろうなと思いました。

そんな手詰まりな状況を回避するために仕事をこなす意外に
勉強をするということを決めました。
当然日々の仕事で使う部分は毎日が勉強なのですが、
突っ込んで受けた仕事だけではなくて、WEBの技術をさらに
磨いていこうと思ったわけです。

WEBと一口でいってもその領域は恐ろしく広く、そして深いです。
ただ闇雲にと言う部分だとかなり遠くなってしまうので、
javascriptとAcstionScriptに絞って、勉強をしていこうと決めました。
これはどちらもデザイン的な表現やアイデアをもっとも形にしやすいもので
動きとか、アニメーションとかを制御できるものだからです。
両方とも全くできないと言うわけではないのですが、
この技術を磨く事で、今のWEBの仕事をさらに面白く、そして高いレベルの
ものを提供できるようになるのではないかと思っています。

もう一つの時間投資は体。

なんだかずっと仕事をしていて基本的にこもっているので、
時間が不規則で、会社員の時よりも相当体が衰えたと感じます。
これも一つ手を入れていかないと、この業界、頭や技術も必要ですが、
なんといっても体が資本です。もう少し体に時間と気をかけて
メンテナンスを行ないたいなと思っています。

上記は毎回心に思っては仕事に追われて消えていきました。
今回は決意的にエントリーしました。果たして続くのかどうかは
わかりませんが、頑張っていきたいと思います。

photo by Flickr Photo Download: #428 Monopoly

AR（拡張現実）を勉強していきます。

admin — Mon, 23 Nov 2009 15:01:47 +0000

なかなか新しい領域にチャレンジできないでいますが、
最近、特に面白いと感じ、興味が尽きない、
AR（拡張現実）を少しづつ勉強していこうかなと考えて準備中です。
こちらは技術という分野だけでなく、広告との親和性も高いので、
今後役に立つスキルになりうるのではないかと思っています。

取り急ぎFLASHCS3以降で開発が進められるsaqoosha/FLARToolKit/en – Spark projectを使って
頑張っていきたいと思います。

基本的にはActionScript3.0+3DCGみたいですが、そちらの方面の
スキル不足は否めませんので、仕事の合間を縫いながら、
少しづつ足りないスキルを足していこうと思います。

今年の春ぐらいにはなんとか少しでもカタチにしたいと思っています。