百匹目の猿 Papervision3Dでcoverflow風に表示する
遅ればせながら、最近になってPapervision3Dを使い始めてみました。 で、おそらく大勢のヒトがやってみたであろうcoverflow風の表示をオレもやってみました。実はcoverflowってちゃんと見たことないのですが、フンイキで。。。 並んでるカバー（のつもりの板）をクリックすると、それが中央に表示されます。 今回のサンプルでは、Papervision3D_2.0.883.zipとtweener_1_33_74_as3.zipを使用しています。 なのでサンプルコードをパブリッシュするためにはそれぞれのzipファイルをダウンロードして、flaファイルと同じ場所に展開しておく必要があります。 サンプルのスクリプトは、flaファイルの最初のフレームにフレームアクションとしてこんなカンジに記述しました。 import org.papervision3d.objects.primitives
崖っぷちWEBデザイナーブログ | Papervision3D 3D座標→2D座標の変換メモ
pv3dに3D座標→2D座標の変換クラスがあるか探してたのですが、結局見つけることが出来ず途方にくれてたわけですが、 http://www.nabble.com/3D-%3E%3E-2D-coordinates-td14730886.html こちらにそれらしきソースが！！ 以下該当ソース private function getObj2DCords ( o:DisplayObject3D, camera:CameraObject3D, offsetX:Number = 0, offsetY:Number = 0 ):Point { var view:Matrix3D = o.view; var persp:Number = (camera.focus * camera.zoom) / (camera.focus + view.n34); return new Point ( (view.
Papervision3D 2D上で100%に見える位置は | FlashやWebにまつわるいろいろなこと
25th 3 月 2008, 07:14 pm (1) (6) (0) (0) Total: 7 カメラが原点を見つめている時で、カメラ設定が x,y位置 0 z位置 -1000 focus値 100 zoom値 11 の時、 原点にあるオブジェクトは、 2D上で100%スケールでの表示になる つまり、このカメラ設定のとき 原点に 幅100px × 高100px のPlaneを配置すると 表示上も100px × 100px となる。 カメラの設定値からオブジェクトが100%で見える位置の算出ってどうやればいいんだろうか どなたか教えてくんなまし～ …orz 解決 note.xさんが解説エントリを載せています [Papervision3D2.0] ピクセル等倍表示にトライ
note.x ｜ [Papervision3D2.0] ピクセル等倍表示にトライ
「FlashやWebにまつわるいろいろなこと」さんで、 カメラの設定値からオブジェクトが100%で見える位置の算出ってどうやればいいんだろうか Papervision3D 2D上で100%に見える位置は っていうエントリを拝見。 そういややったことねーなと思って、既出かもしれないけどやってみた。 上記エントリによると、camera.focus：100、camera.zoom：11のとき、「ピクセル等倍で表示したい面」と camara の距離が1000離れていればいいと。これを汎用化するために、任意のfocus、zoomの場合にピクセル等倍になる距離を求められればいいのか。 大概こういう処理をする場合複雑に考えすぎて失敗するので、算数的な発想（むしろ勘）で ピクセル等倍になる距離 = camera.focus * camera.zoom - camera.focus という式をあてはめたら
ProgressionとPapervision3Dの連携 No.01 | ClockMaker Blog
昨日のブログでF-siteセミナーにいったことをレポートしましたが、学んだ事は忘れないうちに復習するということでAS3フレームワークの Progression を試してみたいと思います。敢えて説明するまでもないと思いますが、Progression とは Flash の画面遷移をスマートに作成できる Flasher 向けのフレームワークです。 ということで作成したものは Papervision3D を Progression 3 Progression 4 で制御するというもの。 demo (要 Flash Player 9) ブロックをクリックすると Scene が切り替わるように設定しているので、URL のアンカーが切り替わります。もちろんアンカーからページに入るとSceneが復元されそのブロックが表示された状態になります。例えば紫のブロックのリンクはこちらです。以下は技術的な解説です。
Googleストリートビューの実現方法を調べてみる | ClockMaker Blog
Google マップ ストリートビューですが、どういった仕組みで作られているか興味を持っている人は多いと思います。私もWeb開発者のはしくれ。少しは想像がつくのでまとめてみました。Firebugを使った調査結果も掲載しています。 ▼ Google ストリートビュー ストリートビュー(360度VR)の撮影方法 昔からQuickTime VRという360度パノラマを実現する技術がありましたが、基本はこれと同じ技術が使われています。通常はカメラを専用のマウントに載せて広角レンズで撮影し、画像加工でつなげて作成します。How to make a QuickTimeVR movieに詳しい作成方法が掲載されてますので興味のある方はご覧ください。私も学生時代のときに作りましたが、無料のソフトウェアを駆使して個人レベルでも作ることができます。 ただしその方法では効率が悪いので、私は次のようなカメラを車に
Papervision3Dでのマウスイベントの付け方まとめ | loftimg™ blog
FlashPlayer10が出てしばらく経ちますが、FP10実装でGOが出た案件はまだまだ少ない。 というわけで、まだまだPapervision3Dをバリバリ使ってます！今更ながら、3D空間上のオブジェクトにマウスイベントの付け方をまとめてみました。 以下3つの方法があります。 1. Plane などのプリミティブに InteractiveScene3DEventクラス を利用してマウスイベントを設定する方法 Papervision3Dでマウスイベントを設定する（1） - wonderfl build flash online 2. MovieMaterial のテクスチャに利用する Sprite などに MouseEventクラス を利用してマウスイベントを設定する方法 Papervision3Dでマウスイベントを設定する（2） - wonderfl build flash online
JigLibFlashでTetris3D | eternity design BLOG
これの解説編です。 WCAN mini AS vol.11でお話しした点も含めてダラダラと記述。 Papervision3D rev910とJigLibFlash。 JigLibFlash v0.32時点でのお話し。 Box2DASとPapervision3Dの連携と同じようなことをやっていて、jiglibflashも演算用オブジェクト（RigidBodyクラス）で計算させてその結果をPV3Dのオブジェクトのtransform使って適用しています。 Papervision3DのPrimitiveオブジェクトで対応してるのは Cube・Sphere・Plane・Cylinderで、jiglibのほうで対応する演算用オブジェクトは、JBox・JSphere・JPlane・JCapsuleです。 JCarというのも用意されてます。jiglibflashのサンプル見てください。 JBox・
そうめんを使ってFlickr APIから取得した写真をPV3Dでスライドショー | ClockMaker Blog
Flickr APIから写真をひっぱってきて3Dのスライドショーが展開されるデモを作ってみました。目的はActionScript Thread Library 1.0 (そうめん)の練習。そうめんは一月前に作ったAIRアプリのBookmarked Reporterぶりで二回目です。 demo (require Flash Player 9) ちなみに余談ですが写真はbao_bao_blogさんの記事を読んで面白そうだったので、iPhoneのToy Cameraというアプリを購入して帰り道に撮影してみました(^-^) ※今回は利用したライブラリが多く整理するのが面倒なのでソースは割愛します。もし欲しい方がいらっしゃいましたらコメントください。以下、技術的な解説です。 そうめんと画像のプログレス管理 そうめんを使いたい理由に複数画像の読込管理をする際に、何枚目が読み込まているかプログレスバー(
崖っぷちWEBデザイナーブログ | PaperVision3Dでオブジェクト回転とかカメラ移動とか
PaperVision3Dでオブジェクト回転とかカメラ移動とかを 試してみた。 座標とか角度とかテキストボックスに表示してみた。 どのプロパティーの数値をいじると、どういう変化が起こるか 直感的に分かるようにしたかったんですが、 結構ややこしいですね。。 3Dアニメーションを自由に扱えるようになるには、 こういう数値の変化と影響を理解しておかなくては。。 とりあえず、Camera3DとFreeCamera3Dの違いが何となく分かった。 Camera3Dは、ガンダムに乗っているアムロみたいなもんで、 FreeCamera3Dは、売れっ子アイドルに対し、イイネイイネーを 連発するカメラマンのようなものだ！ 要するにカメラを基点とするか、オブジェクトを基点とするかみたいな。。 あと、なぜかCamera3Dでは、 カメラ角度の回転が出来ない？？ カメラ基点ってことから必要ないため実装されてないのか
PV3Dやってみる(5) 【DAEデータを読み込み】 | [FlaTech+]WebDesign Rainyday
PV3Dやってみる(5) 【DAEデータを読み込み】2008/01/31 ◆オリジナルのモデル+UVテクスチャをPV3Dに読み込む ◆Lightwave+BlenderでDAEファイル作成,DAE.asから読み込み ■筆者の理解LV ・ドラクエで言うとはがねのつるぎを購入した程度(ドラクエ知らないのでもうよくわからなくなってきました）。 ・Papervision3D 2.0（GreatWhite） です。 ▼自分でモデリングしたオブジェクトを読み込みたい PV3Dには最初から球/円柱/円錐/立方体/平面などのプリミティブオブジェクトが用意されてますが、キャラなどを作って動かしたいなら、モデリングされたメッシュデータを読み込みたいもの。今回はLightwaveで単純なサイコロを作って、UVマップを貼り付け、Blender（フリーソフト）でcollada1.4形式（.dae）
A Whiter Shade of Paper
Just want to make a brief announcement that I’m closing down this blog soon enough as I am working and writing on this new labs section back at x-com All tutorials in here will be moved to the labs section so if you are looking for a great tutorial and it’s not here anymore you can always find it over there with a lot of other great flash stuff. /Andreas My previous post was intended to be a draft
CubicVRをPapervision3D 2.0で作るPart.03(Sphere編) | ClockMaker Blog
Googleストリートビュー的なパノラマVRをPapervision3Dで実現する企画第三弾、いよいよ今回で最終回です。前回は立方体にパノラマ画像を貼り付けましたが、今回は球面にパノラマ画像を貼り付けてみたいと思います。まずはデモの紹介から。 demo (require Flash Player 9) source (require Papervision3D 2.0 beta) resource by In the back of the Peninsula Tokyo on Flickr 今回試した方法は一般的にはSpherical PanoramaといってCubic Panoramaとは違う方法となるので、記事のタイトルは間違っているわけですが、そこはシリーズものということでご容赦を。 球面パノラマ(Spherical Panorama)の仕組み 球面に画像を貼り付け、球面の中心にカ
hoelog - Flash : バーチャルアイドルになる！（その１） - FreeTrack + GlovePIE + Papervision3D + TTS
Home > Flash > Flash : バーチャルアイドルになる！（その１） - FreeTrack + GlovePIE + Papervision3D + TTS Newer Older Flashの勉強会。大阪てら子16「アイドル！アイドル！」で発表した、「IRヘッドトラッキング＋Papervision3D＋TTSでバーチャルアイドルの中の人になってみよう。」の内容をまとめてみたよ。（いまごろ？とかいうな）。えーだいぶ長い。。 今回のテーマはアイドル。ってことだったんで、ストレートにPV3Dでバーチャルアイドルでも作ってみる→でもPV3Dでアニメーションとか面倒そう。。→あーヘッドトラッキングとかやってみたいんだよ→生の人間の動きをトレースさせたら、中の人がいるっぽく見えるんじゃね？楽できるんじゃね？→ついでにOSCパケットをリアルタイムで扱うテストもしよう。う
3D Page Curl Effect using Papervision3D · zero point nine
The venerable "page curl" effect, done in 3D. I originally did a version of this in AS2 using a home-grown 3D class library at about the time Papervision was entering public beta. This implementation using Papervision3D and AS3 runs a few times faster. Press ENTER to create new instances of the book. Press it several more times and watch your browser chug :). Here's the main class for the page tur
Flash / Papervision3Dで表示させる Colladaファイルの作成法 (PIXEL LAB)
Flash + 3Dネタです。 PaperVision3dの解説ページはよくありますが、PaperVision3dが表示できるCollada形式の作成方って、 あんまり情報がないので、私のほうでビデオチュートリアル作ってみました。 ■ビデオチュートリアル 例として、iPod nanoを3Dソフトでゼロからモデリングし、Colladaで書き出すところまでのビデオです。 音声なし、解説文なしの無愛想状態のビデオなんで、大まかな手順を以下にかいときます。 3ds maxでモデリング作成 モデルにUVWアンラップをかけ、アジの開きにする アジの開きをPNGに書き出し、Fireworksでテクスチャ作成・保存 3ds maxに戻り、テクスチャを適用し完成。 Collada形式で書き出し なお、PaperVision3dできちんと表示するため、スケールや方向、ポリゴン数の調整を、ビデオ内容以外で行って
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
Loading...
サービス終了のお知らせ
Mikes Blog » Adobe Air Collada-Papervision3D Viewer