ちょいとpapervision3dで球面に画像を張り付けてみました。って言ってもこちらのサンプルそのまんまです(^^; Papervision3Dをやってみた43 作ってみたもの http://moeten.info/flex/20080925_moetenPV3Dtest/bin-release/main.html どうやったら球面に平面をうまく配置できるんだろうかって思ってたんだけど、上のサイト(Papervision3Dをやってみた43)ではうまい具合にしかもきれいにできています。 そのやり方ですが、プレーンを作成して作成する円の半径分ずらしてあげてからDisplayObjectにaddchild。 そしてこのDisplayObjectをrotationしてあげればsin,cosを使うことなく簡単に円の中心を向いたプレーンを作成することができます。 プログラムではこの部分 var p
papervision3dではベクターテキストを使用することができるが デフォルトで使用できるフォントは、下記に限られる。 ・HelveticaBold ・HelveticaLight ・HelveticaMedium ・HelveticaRoman まず前提として 下記のクラスでText3Dを使用できること確認。 ------------------------------------------------------------------- package { import flash.events.*; import flash.utils.*; import org.papervision3d.materials.*; import org.papervision3d.materials.special.*; import org.papervision3d.typograph
2次ベジェ曲線のう渦巻きをアニメーションさせる。 ActionScript Learning 110630-2で制作したうずまきをアニメーションさせる。 ステージをクリックすると渦巻きがアニメーションしながら描かれます。始点か終点をクリックすると巻き戻しのアニメーションをします。 SAMPLE VIEW CODE package { import flash.display.*; import flash.geom.*; import flash.events.*; import org.libspark.betweenas3.BetweenAS3; import org.libspark.betweenas3.events.TweenEvent; import org.libspark.betweenas3.tweens.*; import org.libspark.betweenas3
今回はカメラオブジェクトに関してです。 Scene3Dオブジェクトの原点をターゲットにする camera = new Camera3D(); camera.x = 0; camera.y = 0; camera.z = -500; camera.zoom = 30; camera.focus = 30; camera.target = DisplayObject3D.ZERO; この例では、カメラのtargetプロパティに DisplayObject3D.ZEROを指定しています。 DisplayObject3D.ZEROはDisplayObject3Dクラスのプロパティで、Scene3Dオブジェクトで作ったインスタンの原点を指します。 戻り値のデータ型はDisplayObject3Dクラスのオブジェクトです。 これで、カメラがどの位置にいっても原点をみるようになります。 任意の座標をター
球体配置を少しいじる。 Tweenerでカメラを動かしてみた。 Planeをクリックしてみてください。 こんな感じになります。 rotationを計算してないからただ視点とカメラの位置がターゲットに寄るだけ。 計算方法が微妙にわからん。 やっぱこの方法じゃ限界がありそう。 やっぱ手抜きはいけないのか。 ちなみに、planeの位置を獲得する場合は、シーン上の位置が欲しいのでsceneXプロパティなどを利用する。 あと、カメラの視点をTweenerで利用する場合は、targetプロパティのxyzを動かす。 ここらへんは覚えておくと便利です。 以下、ソースです。 package { import caurina.transitions.Tweener; import flash.display.Sprite; import flash.display.StageAlign; import fla
tkinjoさんが、wonderflに投稿されたコードを見て。 sceneの原点(0, 0, 0)にターゲット指定したカメラを x=0, y=1000, z=0 のように、ワールド座標のY軸線上に配置すると何も表示されなくなる。 回避策として、tkinjoさんも採用している x, y座標を0にしないってのが一番ラクチン。 x=0, y=1000, z=-0.1 とか x=0.01, y=1000, z=-0.05 とかを指定する方法。 ただし、x軸、z軸のどっちを使ってY軸からずらすかによって結果が異なる。また数値の±によっても結果が異なる点に注意。大抵はz軸にマイナスの値を入れるといいんじゃないかと。 別の方法として、カメラのターゲット指定をせずに camera.target = null; camera.x = 0; camera.y = 1000; camera.z = 0;
※外部ライブラリ学習シリーズの目次はこちらです。 ※使用しているPapervision3DのバージョンはPublic Beta 2.0 - Great Whiteです。 「せっかく3D描画を行っているのだから、一つの物体を多方向から同時に見たい」 と思うのはけっこう自然なことなのではないかと思います。 ということで今回は 「画像を貼り付けた立方体を前方・後方・上方・下方の4方向から見た映像を同時に表示する」 に挑戦してみました。 Viewport3Dの用意 過去の記事で解説しましたが、Viewport3DというクラスのインスタンスがPapervision3Dにおける画面表示部分となります。 SceneObject3Dに設置、CameraObject3Dでの撮影、BasicRenderEngineによってViewport3Dへ描画、これが流れです。 今回は4方向から見た映像を同時表示するため
私の身の回りの人やメール等でPapervision3D (ペーパービジョンスリーディー)の使い方を教える機会があり、その度にチュートリアルサイトを教えたりしています。ただ、世の中のコードを見ると様々な書き方があり、スクリプトになれていない初級者にとっては、難解に思われる事が多いかと思います。 そこで、初級者にもやさしいPapervision3D(以下、PV3D)チュートリアルをはじめてみることにしました。チュートリアルビデオを用意して5回ぐらいに渡って連載したいと思います。必要となるスキルレベルは、ActionScript 3.0の入門書を一冊読み終えたぐらいを想定してます。 テーマは「フレームアクションだけの短いコードで、シンプルにPapervision3Dを使ってみる」です。 なお、Papervision3Dの解説はさらに詳しく書籍にもまとめています。このブログを読んでさらにスキルを高
Papervision3Dの基本的な機能 今回はPapervision3Dの基本的な機能についてです。 まず3Dを表示するためにの基本概念について説明します。 3Dを表示するためにはsceneと呼ばれる3D空間に表示したいオブジェクトとカメラを配置し、 カメラから見た視点の映像をFlashに描画します。 では、さっそく表示してみましょう。 C:\flex_sdk3\HelloWorld.asを作成し、下記の内容で保存、コンパイルしてください。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
初めて質問させて頂きます。よろしくお願いします。 このたびFlashProfessional CS5でpapervisionを使用して3Dの勉強を始めました。 そこで、papervisionについての基本事項を学べたり、また、良いサンプルコードが掲載されているサイトなどが御座いましたら教えて頂けないでしょうか? 取り敢えずの目標として、地面と遠景の空、そしてテクスチャ付きのいくつかのオブジェクトをシーンに配置し、その空間を移動する、という感じの所まで作ってみたいと思っています。 また、先日papervision2.1をダウンロードしたのですが、バージョンの異なるサンプルコードはそのままではコンパイルできない、あるいは意図した動作にならない等のバージョン間での互換性に問題はないでしょうか? どなたかアドバイス頂けましたら幸いです。
初心者部屋 Papervision3D初心者のための部屋です。 質問の内容が判別できるときは、他の適切な部屋に投稿ください。 質問はできるだけ具体的に。自分の制作環境も記載しましょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く