FIVe3Dで表裏のあるパネル
FIVe3Dは通常、両面に塗り・テクスチャが張られるので
表と裏を別のものにしたい場合は2つのSprite3Dなり、Bitmap3Dを作成して
それを親のContainerに追加しなければなりません。
singleSided
singleSidedプロパティをtrueにして片面だけの設定にします。
さらに裏面になるSprite3DインスタンスのrotationYを半回転させて裏向きにします。
private function test3d3():void { var scene:Scene3D = new Scene3D() scene.x = stage.stageWidth >> 1; scene.y = stage.stageHeight >> 1; addChild(scene) container = new Sprite3D(); scene.addChild(container) var panel:Sprite3D = new Sprite3D(); panel.graphics3D.beginFill(0x00CCFF); panel.graphics3D.drawRect( -100, -100, 200, 200); panel.singleSided = true; panel.rotationX = 0; var panel2:Sprite3D = new Sprite3D(); panel2.graphics3D.beginFill(0xFF0000); panel2.graphics3D.drawRect( -100, -100, 200, 200); panel2.singleSided = true; panel2.rotationY = 180 container.addChild(panel) container.addChild(panel2); stage.addEventListener(MouseEvent.CLICK , panelClick); }
うまく表裏ができています。
This movie requires Flash Player 9
これで本をめくっていく様なビジュアルも簡単に作れそうです。
flatShaded
他にflatShadedプロパティを設定すると明度を利用した簡易陰影処理が追加されます。
This movie requires Flash Player 9
リアルな3D空間になるものとは違い
おまけ程度のプロパティの様なのでもう少し調べてみなければなりませんねー。