その3-カメラと座標変換の意味 やっぱり3d感をだすなら視点の移動があったほうがいいなと思って3D演習その3 +Camera3Dの回転ではカメラを実装してみました。といっても、カメラの位置の分だけ座標のオフセットを取ってから計算するだけです。さらに回転させたくなってきたのでがんばってみました。カメラ位置のオフセットを取ったあとに、カメラの角度のぶん回転させることでカメラからみた座標系に変換します。 座標の回転はアフィン変換をつかいます。よく3Dのチュートリアルには必ずこの式が出てくるんですが、ずっと意味がわかりませんでした。これははっきりいってカメラなど使わなければ3Dの投影そのものには関係ないです。3Dの奥行きを付けたいだけなら、その1にあるZ軸のパラメータとパースの式だけわかれば問題ありません。 また、ここでDisplayObject3D、Scene3D、Camera3Dとオブジェクト
前回はPapervision3DとProgressionを連携させてみようということで、PV3DにProgressionのシーン(ページID)を割り振る事を試しました。 ただ、PV3Dと連携させるにあたってやや冗長にスクリプトを書く必要があり、世界観を作り込んだPV3Dのフルフラッシュサイトになると根気がいりそうな気配を感じておりました。私が本当にやりたいのは、そんな根気はなくても手軽にクールな演出がProgressionでできるというものです。 Progression公式ブログで掲載されているスライドショーの7ページを拝借(勝手に引用してすみません!)。私の理想系は画面AとBは作られていて、その遷移のトランジションがPapervision3Dというもの。 前回の例は画面AもBもPV3Dで作られていて、それを力技でProgressionと結びつけるということになってました。いずれはそれも簡
[追記] 08.12.16 この記事をもとに Flash でスクリプト不要の 3D トランジション効果 ClockMaker Effects という拡張コンポーネントを作成しました。コンポーネントのほうが使い易くエフェクトも強力になってますので、上記リンクをご覧ください。 汎用3Dライブラリの「Papervision3D」と画面遷移がスマートに作成できる人気のフレームワーク「Progression」を組み合わせるシリーズ3回目です。ついに画面遷移に3Dエフェクトを適用することができました。それもちょっとした設定で色んなプロジェクトにも利用できるように”それっぽく”クラス化しています。まずはサンプルをご覧ください。 demo (要Flash Player 9) ZIPのソースファイル(Flash CS3) 使用したライブラリはこちらからDL下さい。 progression 3.0.7 pap
昨日のブログでF-siteセミナーにいったことをレポートしましたが、学んだ事は忘れないうちに復習するということでAS3フレームワークの Progression を試してみたいと思います。敢えて説明するまでもないと思いますが、Progression とは Flash の画面遷移をスマートに作成できる Flasher 向けのフレームワークです。 ということで作成したものは Papervision3D を Progression 3 Progression 4 で制御するというもの。 demo (要 Flash Player 9) ブロックをクリックすると Scene が切り替わるように設定しているので、URL のアンカーが切り替わります。もちろんアンカーからページに入るとSceneが復元されそのブロックが表示された状態になります。例えば紫のブロックのリンクはこちらです。以下は技術的な解説です。
Progression でスライドショーをオーサリングするチュートリアルビデオを作成してみました。 [Progression4]15分で作るコンポーネントスタイルサンプル from clockmaker on Vimeo. ※ビデオが小さいと思ったら、フルスクリーンボタンを押してみてください 作る際の前準備 Flash Professional(CS3以上) を用意する Progression をインストールする 適当な写真を用意する(400×300の写真を4枚用意) アクションパネルは一度も開いてません このチュートリアルでは Progression のコンポーネントスタイルで作りました(流れを覚えるには公式サイトのガイドが参考になります)。ビデオを見れば分かる通り、一度もスクリプトのパネルを開かずに Flash を作り上げることができました。「Flash はスクリプトでつまずいた」とい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く