AS3 papervision3dで3D座標を2D座標に変換する魔法の公式 | as3 | メモ | pandama
papervision3dで3D座標を2D座標に変換できたら夢が膨らむなーと思っていたら・・・ やはり世の中には天才がいるもんですね。 とりあえず理解しようとしても無理なものは無理なので・・・ 他に覚えないといけないことは山ほどあるので下記の公式を丸暗記。 第1引数に2D座標に変換したいDisplayObject3Dを指定。 第2引数にcameraを指定。 第3引数・第4引数にXYそれぞれのオフセット値を設定。（大概ステージの中央で大丈夫かと思われます） private function getObj2DCords ( o:DisplayObject3D, camera:CameraObject3D, offsetX:Number = 0, offsetY:Number = 0 ):Point{ var view:Matrix3D = o.view; var persp:Number
The State Of Animation 2014 — Smashing Magazine
In the wake of so much “CSS versus JavaScript animation” infighting, a new API specifically for web animation is coming out that might just unite both camps. In 2014, Rachel Nabors had the chance to travel the world to talk about using animation in user interfaces and design. She met and interviewed dozens of people who use and champion both CSS and JavaScript. What you’re about to read is purely
BetweenAS3でタイムリマップ | ClockMaker Blog
昨日は記事がホットエントリーで1番(800ブクマ近く)になったみたいで、ブクマ頂いた皆様ありがとうございます。さて、一ヶ月半ぶりに当ブログのメインテーマであるPapervision3Dのデモを作ってみました。 ActionScript3.0の新種のトゥイーンライブラリ「BetweenAS3」を使ってPapervision3Dを動かしたデモです。BetweenAS3は高い実行パフォーマンスが素敵どころですが(参考)、豊富な機能を使うことで新しい演出手法が生まれるのではと考えています。そこで２つのポイントについて試してみました。まずは次のデモをご覧ください。 demo (require Flash Player 10) ソースコードは次の記事を参考ください。では以下、技術的な解説です。 技術的な２つのポイント 再生途中に一瞬スローモーションになりますが、これは一般的にタイムストレッチと呼ばれて
フレームアクションで覚える Papervision3D チュートリアル Vol.01 | ClockMaker Blog
私の身の回りの人やメール等でPapervision3D (ペーパービジョンスリーディー)の使い方を教える機会があり、その度にチュートリアルサイトを教えたりしています。ただ、世の中のコードを見ると様々な書き方があり、スクリプトになれていない初級者にとっては、難解に思われる事が多いかと思います。 そこで、初級者にもやさしいPapervision3D(以下、PV3D)チュートリアルをはじめてみることにしました。チュートリアルビデオを用意して5回ぐらいに渡って連載したいと思います。必要となるスキルレベルは、ActionScript 3.0の入門書を一冊読み終えたぐらいを想定してます。 テーマは「フレームアクションだけの短いコードで、シンプルにPapervision3Dを使ってみる」です。 なお、Papervision3Dの解説はさらに詳しく書籍にもまとめています。このブログを読んでさらにスキルを高
Saqoosha :: FLARToolKit スタートガイド
必要なもの ・Adobe Flash CS3 以降 ・FLARToolKit ・Papervision3D (rev.814 以降) ・Web カメラ ・印刷したマーカー & マーカーデータ ダウンロード めんどいので一式をまとめたものを置いときました。はい。 http://saqoosha.net/lab/FLARToolKit/FLARToolKit-starter-kit.zip 追記（2009/2/8 1:50）：ぎゃー、マーカーの PDF 入れ忘れてた。いれといた & マーカーだけアップしたのでこれをお使いくだせい。 イントロダクション Papervision3D が使える人なら非常に簡単。サンプルのメイン部分はほぼ Papervinios3D の設定だけ。使えない人もこのサンプルはめっちゃシンプルなので難しくない。大丈夫。 ただ、1 点だけ注意。座標系が Papervision
PV3Dで飛行船:SpringCamera3Dを試してみる | ClockMaker Blog
Papervision3D の新機能「SpringCamera3D」で飛行船らしきものを作ってみました。これは公式ブログによると物理演算を適用したカメラ機能で、3Dゲームのように滑らかに追随するカメラアングルが使えます。使い方も難しくないので、Papervision3DでFlashゲームを作ろうという方にはオススメな機能です。 (デモはステージを一回クリックすると、キーボードの上下左右で動かせます) demo (要Flash Player 10 / 720×480サイズ) lite demo (上のデモが重い場合は 320×240サイズのこちらを試してみてください) src (zip, Flex SDK) ゲーム風なマップは「void element blog」さんの「ドキッ！変態だらけのActionScript的超絶技巧発表会」のフィールドマップジェネレータから作成させて頂きました。 S
ベクターテキストを扱えるようになったPapervision3D | ClockMaker Blog
Papervision3D で FIve3D や vectorvision のようにベクターフォントが扱えるようになったので試してみました(参考)。今までテキストをPV3Dで扱うときは、画像かムービークリップにしたものをテクスチャにしていたため拡大時に荒れてしまいましたが、ベクター情報ではあれず美しく表示されます。 Demo (reqire Flash Player 9) Source 使い方 使い方は特に特別なことをするわけではなく、通常のPV3Dのように記述します。 [source:javascript] // マテリアルの作成 var lettermat:Letter3DMaterial = new Letter3DMaterial(); lettermat.fillColor = 0xFF0000; // 3Dオブジェクトの作成 var word:Text3D = new Text
PaperVision3Dでカメラからの距離によってポリゴン数が変化 - PHP,MySQL,Flex,JSな日々＋イラストとか
カメラからの距離によってポリゴン数が変化するっていうとってもエコ？なクラスを使ってみました。 こないだのAutoDeskイベント3Decemberでちょびっと紹介してたので気になり、PaperVision3Dでもないかなぁって調べたらあったので実験してみました。 こんな感じ http://moeten.info/flex/20081206_papervision3DLOD/bin-release/main.html 簡単な説明 事前に距離によって変化するオブジェクトを作成して配列に入れてＬＯＤ（Level of Detail）に登録 for(var i:int=4;i<16;i++){ objects.unshift(new Sphere(wf, 100, i, i-1)); } simple = new SimpleLevelOfDetail(objects, 100, 1000, di
FACEs: ポリゴンメッシュで2Dアニメーション on Papervision3D
Papervision3Dのポリゴン描画機能を使って、ペラペラアニメーションをさせる仕事があったので、そこで作ったものを紹介します。 概要 マイクロソフトの展開している「Touch! Windows Mobile キャンペーン」用のアトラクションとして、携帯端末と液晶ビジョンの連携したコンテンツ「TOUCH THE ILLUMINATION」を制作しました。Windows Mobileを搭載した携帯端末でオリジナルのキャラクターを作成して送信すると、それがビジョン側に登場し、クリスマスツリーのオーナメントの一部になるという、ロマンチックな思い出を残すコンテンツとなっています。現在六本木ヒルズの展望台「東京シティビュー」にて毎夜公開されていますので、お立ち寄りの際はぜひ遊んでみてください。ぜひカップルで。 このなかで私は「ビジョン側のキャラクターアニメーション」という極めてピンポイントな開発
Papervision3D snow | Seb Lee-Delisle
I don’t know about you guys, but at the moment I’m getting several calls a day asking for Flash Christmas cards. And what do you need in a Flash Christmas card? Christmas snow! Remember last year I completed the 3D-Flash-snow-in-15-minutes challenge at FlashBrighton’s Big Day Out? Well this year I thought I’d do the same thing with Papervision; now you can add snow to your own 3D scenes! Snowstorm
ProgressionとPapervision3Dの連携 No.03 : 3Dの画面遷移エフェクト完成 | ClockMaker Blog
[追記] 08.12.16 この記事をもとに Flash でスクリプト不要の 3D トランジション効果 ClockMaker Effects という拡張コンポーネントを作成しました。コンポーネントのほうが使い易くエフェクトも強力になってますので、上記リンクをご覧ください。 汎用3Dライブラリの「Papervision3D」と画面遷移がスマートに作成できる人気のフレームワーク「Progression」を組み合わせるシリーズ３回目です。ついに画面遷移に3Dエフェクトを適用することができました。それもちょっとした設定で色んなプロジェクトにも利用できるように”それっぽく”クラス化しています。まずはサンプルをご覧ください。 demo (要Flash Player 9) ZIPのソースファイル(Flash CS3) 使用したライブラリはこちらからDL下さい。 progression 3.0.7 pap
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が復元されそのブロックが表示された状態になります。例えば紫のブロックのリンクはこちらです。以下は技術的な解説です。
note.x | [PV3D2.0] DisplayObject3D.useOwnContainer
フィルタかけたい時に使うプロパティ、DisplayObject3D.useOwnContainer。これを true にすることで、DisplayObject3D にブラーフィルタとか適用できたりするんだけど、引き換えに InteractiveScene3DEvent.OBJECT_CLICK InteractiveScene3DEvent.OBJECT_DOUBLE_CLICK イベントが発動しなくなるっていう問題があって、これへの対処法を考えてみた。 papervision3d/view/layer/ViewportLayer.as のコンストラクタに「this.mouseChildren = false」を追加すればオケ。オレは下記のようにした。 public function ViewportLayer(viewport:Viewport3D, do3d:DisplayObject
Papervision3D演出サンプルNo.05:Shadow Cubes | ClockMaker Blog
PV3Dでの影のつけ方は謎が多かったのですが、その方法がzupko.infoで紹介されていましたので試してみました。空間上に散らかった立法体の影が地面に表示されます。 demo (require Flash Player 9) source (100行, with Papervision3D 2.0 beta, zupko.infoで紹介されているShadowCaster.asも必要です) ShadowCasterクラスのロジック 影を反映するマテリアルが用意されていないので、ロジックとしてはMovieMaterialの元となっているDisplayObjectに影を描写して反映するというもの。 処理速度の最適化 意外と困ったのはPC負荷が大きかったこと。いろいろパラメーターを調整しましたが最も効果が大きかったのは、MovieMaterialの元素材のサイズを小さくすること。今回のサンプルは
Papervision3Dでビジュアライザーを作ってみました | ClockMaker Blog
gskinner.comのビジュアライザーデモがかっこよすぎたので、ソースをお借りして試してみました。ただそのままだと面白くないので、Papervision3D 2.0(Greate White)の残像効果(BitmapEffectlayer)を使ってアレンジしています。元のデモはFlash Player 10の機能だけで実装されていたので、丸々書き直してPV3D on Flash Player 9で動くようにしたのが当方のデモです。そのあたりの比較も目的の一つでした。 demo (要Flash Player 9・音がでるので注意！) src (要PV3D 2.0 beta, Tweener 1.3) ※音はGaradeBandで作ったものSoundBoothで作ったものに変えました Flashのビジュアライザーといえば ちょっと古い記事ですが、サウンドスペクトラムを利用した次の記事もお勧
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Papervision3D] Primitive Generator | ClockMaker
Leonardo Frangelli's Channel
Billy’s Homepage
2008-07-08 – Rest Term
Create a AS3 MP3 Player with papervision3d spectrum display - TheTechlabs.com