初めての投稿だったので勝手がわからず載せるだけでえらい時間かかった・・。
インデントをつけるとコンパイルエラーになるんですが、なんでですか？
どうせなら見やすいソースで載せたい！
↓
コメントアウトを手当たり次第に消していったらインデントできました。
wonderflではコメントアウトは最初だけにしといたほうがいいのかな？
原因はよくわからないままでした。
DispalyObject3DはVertex3Dで表される頂点のデータをもとに形成されています。
頂点座標は配列で管理されており、下記の方法で取得できます。
var array:Array = DispalyObject3D.geometry.vertices
どの点がどこを指すかは一つ一つ調べていくしかないみたいです。
これようにチェッククラスみたいなのを作っておいた方が便利かもしれないですね。
サンプル
ドキュメントクラス
package
{
import flash.display.BitmapData;
import flash.display.Sprite;
import flash.events.Event;
import net.hires.debug.Stats;
import org.papervision3d.core.geom.renderables.Vertex3D;
import org.papervision3d.materials.BitmapMaterial;
import org.papervision3d.objects.primitives.Plane;
import org.papervision3d.view.BasicView;
public class Main extends BasicView
{
private var _plane:Plane;
private var _segW:uint = 10;
private var _segH:uint = 10;
private var _rad:Number = 0;
private var _speed:Number=0.2;
private var _delay:Number = 10
public function Main():void
{
super(0, 0, true);
_init()
}
private function _init():void
{
var bmd:BitmapData = new Img(0, 0);
var bm:BitmapMaterial = new BitmapMaterial(bmd)
bm.doubleSided = true;
bm.smooth = true;
_plane = new Plane(bm, 300, 300, _segW, _segH);
scene.addChild(_plane);
startRendering();
addEventListener(Event.ENTER_FRAME, _onEnterFrameHandler);
addChild(new Stats())
}
private function _wave():void
{
for ( var i:String in _plane.geometry.vertices )
{
var v3d:Vertex3D = _plane.geometry.vertices[i] as Vertex3D;//頂点データ
var h:Number = v3d.x * v3d.y / (300*300) * _delay;
v3d.z = 40 * Math.sin(_rad + h);
}
_rad += _speed;
}
private function _onEnterFrameHandler(e:Event):void
{
_plane.yaw((mouseX - (stage.stageWidth >> 1) ) / 30);
_plane.pitch((mouseY - (stage.stageWidth >> 1)) / 30);
_wave();
}
}
}
Planeの頂点を取得し、そのx,yの座標に応じてz値を変化させてみました。
42行目でDispalyObject3Dが持つ各頂点座標を取得しています。
Vertex3Dが頂点を示しx,y,zを操作可能です。
分割数は10*10ですが、意外と滑らかに波打ってくれてました。
]]>モデリングの段階で各パーツを別のファイルとして保存して
それらをFlash側でレイアウトしなおしました。
（もっといい方法がありそうですが・・・）
あとはそれらをTweenerで動かしただけです。
今回はとりあえず一番楽そうなのでその場でジャンプさせてみました。
サンプル
クリックするとジャンプし、そのまま押し続けるとジャンプし続けます。
簡単なはずだったのにやりだしてみたら意外とめんどうで、
たったこれだけのモーションに2時間もかかった・・・。
mixiやTwitterのアイコンと使っているるペンギンをグリングリンしたい！
大昔にShade5を使って見よう見まねの適当モデリングにくわえ、
妥協だらけの集大成が「あれ」でした。
球と円柱をくっつけただけ。
それでもいいからとりあえず！と思ってファイルを探したけど見つからない・・・。
もうあれはあれでいい思い出として
モデリングしなおすことにしました。
モデリングソフトはMetasequoia。
Blenderも使ってみたけど2時間で心が折れました。
PV3DへはSparkProjectにコミットされてた Metasequoiaクラス を使ってmqoファイルを読み込みました。
結果は以下の通り。
サンプル
ドキュメントクラス
package
{
import flash.events.Event;
import org.libspark.pv3d.Metasequoia;
import org.papervision3d.view.BasicView;
public class Main extends BasicView
{
private var _metasequoia:Metasequoia;
public function Main():void
{
super(300,300,false);
_init();
}
private function _init():void
{
_metasequoia = new Metasequoia();
_metasequoia.addEventListener(Event.COMPLETE, _onLoadHandler)
_metasequoia.load("test.mqo");
addEventListener(Event.ENTER_FRAME, enterFrameHandler);
startRendering();
}
private function _onLoadHandler(e:Event):void
{
scene.addChild(_metasequoia);
}
private function enterFrameHandler(e:Event):void{
_metasequoia.yaw((150- mouseX )/30);
_metasequoia.pitch((150- mouseY )/30);
}
}
}
Metasequoiaクラスめちゃくちゃ便利ですね。
エクスポートとかするのかと思ってたけど、
Metasequoiaの保存形式のmpoを読み込むところがどこか新鮮でした。
感謝感謝です！
]]>とは言え、やっぱりあんまり余裕がないので
今日はスピード重視で書きます！
navigateToURLでPOSTでデータをPHPに渡すときに嵌りました。
何度やってもGETで渡ってしまいます。
ドキュメントクラス
package
{
import flash.display.Sprite;
import flash.events.MouseEvent;
import flash.net.navigateToURL;
import flash.net.URLRequest;
import flash.net.URLRequestMethod;
import flash.net.URLVariables;
public class Main extends Sprite
{
public function Main()
{
stage.addEventListener(MouseEvent.CLICK, _onClickHandler);
}
private function _onClickHandler(e:MouseEvent):void
{
var request : URLRequest = new URLRequest( "http://www.nanlow.com/labo/php/getpostchecker.php");
var variables:URLVariables = new URLVariables( );
var date:Date = new Date();
variables.decode('hours=' + date.getHours());
variables.decode('minutes=' + date.getMinutes());
variables.decode('seconds=' + date.getSeconds());
request.data = variables;
request.method = URLRequestMethod.POST;
navigateToURL( request );
}
}
}
特に変ったことしてないし・・・って悩んで2時間。
色々試して、最終的にググッたところでわかりました。
結論としては
コンパイル直後のプレビューで確認してたからみたい。
ブラウザで確認したら大丈夫でした。
こういう、よくわからない現象がまだまだありそうで怖いです。
]]>Twitterなどに登録をするときにハイフンを使えなかったせいで 「nan-low」と「nanlow」が混在してややこしく、 また、人にも覚えてもらいにくかと思って。
これを機にもう少しこの名前に愛着を持ちたいと思います。
とりあえず、この適当につけた名前に 後付で意味を考えるところから始めようかな。
]]>マウスによるイベントハンドラーの3箇所に付加しました。
サンプル
ドキュメントクラス
package
{
import caurina.transitions.Tweener;
import flash.display.BitmapData;
import flash.events.Event;
import org.papervision3d.events.InteractiveScene3DEvent;
import org.papervision3d.materials.BitmapMaterial;
import org.papervision3d.objects.primitives.Plane;
import org.papervision3d.view.BasicView;
public class Main extends BasicView
{
private const SPEED:Number = 10;
private var _plane:Plane;
public function Main():void
{
super(0, 0, true, true);
viewport.buttonMode = true;
var bmd:BitmapData=new Img(180,180)
var bm:BitmapMaterial = new BitmapMaterial(bmd);
bm.doubleSided = true;
bm.smooth = true;
bm.interactive = true;
_plane = new Plane(bm, 300, 300, 3, 3);
_plane.useOwnContainer = true;
_plane.addEventListener(InteractiveScene3DEvent.OBJECT_PRESS, pressHandler);
_plane.addEventListener(InteractiveScene3DEvent.OBJECT_OVER, overHandler);
_plane.addEventListener(InteractiveScene3DEvent.OBJECT_OUT, outHandler);
scene.addChild(_plane);
addEventListener(Event.ENTER_FRAME, enterFrameHandler);
startRendering();
}
private function enterFrameHandler(e:Event):void{
_plane.rotationX += (stage.mouseY - stage.stageHeight * 0.5) / SPEED;
_plane.rotationY += (stage.mouseX - stage.stageWidth * 0.5) / SPEED;
}
private function pressHandler(e:InteractiveScene3DEvent):void
{
Tweener.addTween(_plane, { scale: 1.1*_plane.scale, time:1.0, transition:'easeOutElastic' } );
}
private function outHandler(e:InteractiveScene3DEvent):void
{
Tweener.addTween(_plane, { alpha: 1.0, time:0.2, transition:'easeInQuad' } );
}
private function overHandler(e:InteractiveScene3DEvent):void
{
Tweener.addTween(_plane, { alpha: 0.7, time:0.2, transition:'easeOutQuad' } );
}
}
}
38・42・46行目：エフェクトをそれぞれTweenerによるトゥイーンにおきかえました。
あとついでに
32・33行目：マウスカーソルの位置による回転を滑らかなトゥイーンにしました。
Tweener自体はNumber型のメンバ変数に対してのトゥイーンを行ってくれるので オブジェクトが持ってるアクセス可能なメンバ変数ならPV3Dのものでも何でもいいんですね。
関連記事
サンプル
ドキュメントクラス
package
{
import flash.display.BitmapData;
import flash.events.Event;
import org.papervision3d.events.InteractiveScene3DEvent;
import org.papervision3d.materials.BitmapMaterial;
import org.papervision3d.objects.primitives.Plane;
import org.papervision3d.view.BasicView;
public class Main extends BasicView
{
private var _plane:Plane;
public function Main():void
{
super(0, 0, true, true);
viewport.buttonMode = true;
var bmd:BitmapData=new Img(180,180)
var bm:BitmapMaterial = new BitmapMaterial(bmd);
bm.doubleSided = true;
bm.smooth = true;
bm.interactive = true;
_plane = new Plane(bm, 300, 300, 3, 3);
_plane.useOwnContainer = true;
_plane.addEventListener(InteractiveScene3DEvent.OBJECT_PRESS, pressHandler);
_plane.addEventListener(InteractiveScene3DEvent.OBJECT_OVER, overHandler);
_plane.addEventListener(InteractiveScene3DEvent.OBJECT_OUT, outHandler);
scene.addChild(_plane);
addEventListener(Event.ENTER_FRAME, enterFrameHandler);
startRendering();
}
private function enterFrameHandler(e:Event):void{
_plane.rotationX = stage.mouseY - stage.stageHeight * 0.5;
_plane.rotationY = stage.mouseX - stage.stageWidth * 0.5;
}
private function pressHandler(e:InteractiveScene3DEvent):void
{
_plane.scaleX *= 1.1;
_plane.scaleY *= 1.1;
}
private function outHandler(e:InteractiveScene3DEvent):void
{
_plane.alpha = 1.0;
}
private function overHandler(e:InteractiveScene3DEvent):void
{
_plane.alpha = 0.5;
}
}
}
何箇所か追加・変更をしたので順番にいきます。
22行目：オブジェクトにフィルタをかけたり、アルファを変更したりできるようになります。
_plane.useOwnContainer = true;
ただし、下記のマウスイベントを取得できなくなってしまいます。
InteractiveScene3DEvent.OBJECT_CLICK InteractiveScene3DEvent.OBJECT_DOUBLE_CLICK
これに関しては色々な人が不便さを訴えているようですね。
バグっぽいっていう話もあったりなかったり・・・。
23行目：上に書いたとおりイベントを受け取らなくなってしまうので
受け取るイベントの種類を「click」→「press」に変更しました。
_plane.addEventListener(InteractiveScene3DEvent.OBJECT_PRESS, pressHandler);
24行目：マウスオーバー時のイベントリスナー
_plane.addEventListener(InteractiveScene3DEvent.OBJECT_OVER, overHandler);
25行目：マウスアウト時のイベントリスナー
_plane.addEventListener(InteractiveScene3DEvent.OBJECT_OUT, overHandler);
39～46行目：マウスオーバー・アウト時のイベントハンドラー
変更箇所を全部書いたのでややこしくなってしまいましたが
一番重要なのはuseOwnContainer。
alpha値を変更するにはこれをtrueにしておく必要があるのは
知らないとつまづいて長時間悩んでしまうところかもしれないです。
関連記事
サンプル
ドキュメントクラス
package
{
import flash.display.BitmapData;
import flash.events.Event;
import org.papervision3d.events.InteractiveScene3DEvent;
import org.papervision3d.materials.BitmapMaterial;
import org.papervision3d.objects.primitives.Plane;
import org.papervision3d.view.BasicView;
public class Main extends BasicView
{
private var _plane:Plane;
public function Main():void
{
super(0, 0, true, true);
viewport.buttonMode = true;
var bmd:BitmapData=new Img(180,180)
var bm:BitmapMaterial = new BitmapMaterial(bmd);
bm.doubleSided = true;
bm.smooth = true;
bm.interactive = true;
_plane = new Plane(bm, 300, 300, 3, 3);
_plane.addEventListener(InteractiveScene3DEvent.OBJECT_CLICK, clickHandler);
scene.addChild(_plane);
addEventListener(Event.ENTER_FRAME, enterFrameHandler);
startRendering();
}
private function enterFrameHandler(e:Event):void{
_plane.rotationX = stage.mouseY - stage.stageHeight * 0.5;
_plane.rotationY = stage.mouseX - stage.stageWidth * 0.5;
}
private function clickHandler(e:InteractiveScene3DEvent):void
{
_plane.scaleX *= 1.1;
_plane.scaleY *= 1.1;
}
}
}
15行目：オブジェクトにマウスオーバーしたときのカーソルを指マークにします。
viewport.buttonMode = true
20行目：マウスイベントを受け取るようします。
bm.interactive = true
22行目：イベントリスナーを付けます。 Papervision3D独自のイベントInteractiveScene3DEventでクリックを判断します。
_plane.addEventListener(InteractiveScene3DEvent.OBJECT_CLICK, clickHandler)
重要なのはこの辺りかと。
関連記事
スムージングをかけて誤魔化したいと思います。
サンプル
ドキュメントクラス
package
{
import flash.display.BitmapData;
import flash.events.Event;
import org.papervision3d.materials.BitmapMaterial;
import org.papervision3d.objects.primitives.Plane;
import org.papervision3d.view.BasicView;
public class Main extends BasicView
{
private var _plane:Plane;
public function Main():void
{
super(0, 0, true);
var bmd:BitmapData=new Img(180,180)
var bmm:BitmapMaterial = new BitmapMaterial(bmd);
bmm.doubleSided = true;
bmm.smooth = true;
_plane = new Plane(bmm, 300, 300, 3, 3);
scene.addChild(_plane);
addEventListener(Event.ENTER_FRAME, enterFrameHandler);
startRendering();
}
private function enterFrameHandler(e:Event):void{
_plane.rotationX = stage.mouseY - stage.stageHeight * 0.5;
_plane.rotationY = stage.mouseX - stage.stageWidth * 0.5;
}
}
}
17行目の
bmm.smooth = true;
でBitmapMaterialにスムージングをかけました。
ギザギザは気にならなくなったと思います。
関連記事
サンプル
ドキュメントクラス
package
{
import flash.display.BitmapData;
import flash.events.Event;
import org.papervision3d.materials.BitmapMaterial;
import org.papervision3d.objects.primitives.Plane;
import org.papervision3d.view.BasicView;
public class Main extends BasicView
{
private var _plane:Plane;
public function Main():void
{
super(0, 0, true);
var bmd:BitmapData=new Img(180,180)
var bmm:BitmapMaterial = new BitmapMaterial(bmd);
bmm.doubleSided = true;
_plane = new Plane(bmm, 300, 300, 3, 3);
scene.addChild(_plane);
addEventListener(Event.ENTER_FRAME, enterFrameHandler);
startRendering();
}
private function enterFrameHandler(e:Event):void{
_plane.rotationX = stage.mouseY - stage.stageHeight * 0.5;
_plane.rotationY = stage.mouseX - stage.stageWidth * 0.5;
}
}
}
回転軸（各rotationの値）が少しわかりにくかったので
↓のサンプルで勉強させてもらいました。
崖っぷちWEBデザイナーブログ | PaperVision3Dでオブジェクト回転とかカメラ移動とか
関連記事
ライブラリからリンゲージ指定で「Img」クラスとして指定した
BitmapData（画像）を使用しました。
サンプル
ドキュメントクラス
package
{
import flash.display.BitmapData;
import flash.events.Event;
import org.papervision3d.materials.BitmapMaterial;
import org.papervision3d.objects.primitives.Plane;
import org.papervision3d.view.BasicView;
public class Main extends BasicView
{
private var _plane:Plane;
public function Main():void
{
super(0, 0, true);
var bmd:BitmapData=new Img(180,180)
var bmm:BitmapMaterial = new BitmapMaterial(bmd);
bmm.doubleSided = true;
_plane = new Plane(bmm, 300, 300, 3, 3);
scene.addChild(_plane);
addEventListener(Event.ENTER_FRAME, enterFrameHandler);
startRendering();
}
private function enterFrameHandler(e:Event):void{
_plane.rotationX += 5;
_plane.rotationY += 4;
_plane.rotationZ += 3;
}
}
}
3DオブジェクトのMaterialの指定がBitmapMaterialになりました。 これはBitmapDataをマテリアル化してくれるみたいです。
関連記事
その辺りのベースをすべて用意してくれてるのがBasicViewクラス。
機能は省かれているかもしれないですが、
とりあえずな僕にはちょうどよさそう。
Spriteを継承しているからドキュメントクラスにextendsしたら
後は3Dオブジェクトの登録とレンダリングの設定のみでいいみたいです。
サンプル
ドキュメントクラス
package
{
import flash.events.Event;
import org.papervision3d.materials.WireframeMaterial;
import org.papervision3d.objects.primitives.Plane;
import org.papervision3d.view.BasicView;
public class Main extends BasicView
{
private var _plane:Plane;
public function Main():void
{
super(0,0,true);
var wfm:WireframeMaterial = new WireframeMaterial(0xFF0000);
wfm.doubleSided = true;
_plane = new Plane(wfm, 300, 300, 3, 3);
scene.addChild(_plane);
addEventListener(Event.ENTER_FRAME, enterFrameHandler);
startRendering();
}
private function enterFrameHandler(e:Event):void{
_plane.rotationX += 5;
_plane.rotationY += 4;
_plane.rotationZ += 3;
}
}
}
14行目のdoubleSidedはオブジェクトの両面にマテリアルを反映するかどうかです。
関連記事
上記のクラスはScrollPaneやTextAreaなどの
UIコンポーネントで使用されているクラスで、
それらをそのままライブラリに追加し使用する分には問題ありません。
しかし、クラスだけを使用したいときには
クラスが見つからないと怒られてしまいます。
よくよく見たら、デフォルトのグローバルクラスパスには
flパッケージがありませんでした。
どうしても、クラスだけ使いたいときは、
下記をクラスパスに追加しましょう。
$(AppConfig)/Component Source/ActionScript 3.0/User Interface]]>
世間的に本当に今更ですが、この度やっと触りだしました。
バージョンはPublic Beta 2.0 - Great White。
1.5→2.0でだいぶと仕様が変更されたらしく、
戸惑ってる記事を結構目にしたので、
逆に2.0からでよかったのかなとか思ったりして。
とりあえず、今日はドキュメントだけ。
http://papervision3d.googlecode.com/svn/trunk/as3/trunk/docs/index.html
関連記事