サンプルアニメーション - PHP,MySQL,Flex,JSな日々＋イラストとか
rotationXを使用すると簡単に３Ｄ表現ができるのでラクチンすね。 http://moeten.info/maidcafe/?m=photogallery <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="715" height="400" backgroundAlpha="1" backgroundGradientAlphas="[1,1]" backgroundGradientColors="[0xffffff,0xcccccc]" verticalScrollPolicy="off" horizontalScrollPolicy="off" creationComplete="hts.se
簡単Tweener（3Dバージョン） - PHP,MySQL,Flex,JSな日々＋イラストとか
こんな感じ http://moeten.info/flex/20080713_go_flextests/bin-release/go_flextests.html クリックすると開始 こんな感じに rotationZ ができます。 tween_0 = new Tween3D(target, [Go3D.x(0), Go3D.y(50), Go3D.rotationZ(0)], 1, Equations.easeOutCubic); sequence.addStep(tween_0); PaperVision3Dを使う場合はとても便利。 設定できるプロパティはこちら alpha Bevel_angle Bevel_blurX Bevel_blurY Bevel_color Bevel_distance Bevel_highlightAlpha Bevel_highlightColor Bev
Papervision3Dで頂点を遊ぶ - PHP,MySQL,Flex,JSな日々＋イラストとか
まずはこちらのサイト TweenerでPapervision3Dのオブジェクトを生きている様に拡大・縮小する こちらを見て、わー面白いってことで自分でも遊びでやってみました。 こんな感じ http://moeten.info/flex/20080920_pv3d2Test/bin-release/main3.html ソースはこちらmain3.mxmlってファイル マウスイベント取得するのってちょっと手間がいるんですね。 こんな感じ Mouse3D.enabled = true; plane.material.interactive = true; plane.addEventListener(InteractiveScene3DEvent.OBJECT_CLICK , clickObj ); private function clickObj (e:InteractiveScene3DE
うねうね、環境マップ（反射）、影をやってみました。 - PHP,MySQL,Flex,JSな日々＋イラストとか
PaperVision3Dでうねうね、環境マップ（反射）、影をやってみました。 ほとんどがサンプルをコピペです（＾＾； こんな感じ http://moeten.info/flex/20080920_pv3d2Test/bin-release/main5.html http://moeten.info/flex/20080920_pv3d2Test/bin-release/main6.html http://moeten.info/flex/20080920_pv3d2Test/bin-release/main7.html ソースコードはこちら #main5.mxml、main6.mxml、main7.mxml 参考にしたページ ShadeMaterialsとPointLight3Dを使ってみる(ライトと影の表現) Casting Shadows In Papervision3D - Red
RationXYZを使ったサンプルアプリ - PHP,MySQL,Flex,JSな日々＋イラストとか
RationXYZを使ったサンプルアプリです。 単純にTweenerでXYZを変化させているだけです。 こんな感じ http://moeten.info/flex/20081016_fp10Test/bin-release/test07.html リンクボタンとかがそのまま動くのがいいね。 ソースはこちら <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="800" height="600" creationComplete="init()" backgroundGradientColors="[0xffffff,0xcccccc]" horizontalScrollPolicy="off" vert
赤青メガネで物体をさらに立体的に - PHP,MySQL,Flex,JSな日々＋イラストとか
PaperVision3Dで赤青メガネをつけて見ると物体が立体的に見えるっていうのをやってみました。 サンプルはこちら。 http://moeten.info/flex/20081115_pv3dGlass/bin-release/main.html 動作ムービーはこちら 簡単な説明 概念図 カメラを二つ用意してそれぞれでレンダリング。 この際、カメラの位置を微妙にずらしておく。 そして、レンダリングしたものにそれぞれに赤・青のレイヤーをスクリーンモードで重ねる。 あとは一枚に合成（multiply）すればＯＫ 参考リンク Barcinski & Jeanjean ソースはこちら <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="a
Matrix3Dで３Ｄ回転＋回転中心点の変更 - PHP,MySQL,Flex,JSな日々＋イラストとか
最新のFlexSDK3.2でMatrix3Dが使えるようになっていたので勉強がてら使ってみました。 こんな感じ http://moeten.info/flex/20081120_matrix3Dtest/bin-release/main.html Matrix3Dはなんといっても回転の中心が設定できるのが便利(^o^) 回転点を変更するには Matrix3D.appendTranslation() を使用します。 いったん画像をずらして回転して元にもどすと画像の中心などから回転することができます。 ちょっと面倒だけどよく使うので覚えておいて損はないです。 //回転中心点をずらす mat3D.appendTranslation(-myCanvas.width/2,-myCanvas.height/2,0); //回転 mat3D.appendRotation(nRotationX, Vect
Flexで3Dアニメーションを作ってみる
うちの会社も先日9月10日にようやく1周年を迎えました。 近頃このブログも全く更新されていなかったので、これを機に心新たにまた頑張ってネタを考えてみようと思います（＾＾； さて、Flex Builder3をずいぶん前に買って、埃をかぶってしまっていたので、これはもったいない・・というわけで。 今回はFlexネタです。 Flexを使って簡単な（初歩の）3Dアニメーションをやってみようと思います。 初歩というのは簡易的なライティング（後述）を行うもので、BitmapDataクラスなどを使えば、よりリアルなレンダリングもできると思います。 上の画像は実際に動作させてみたswfをキャプチャしたものです。 実装手順および解説は以下の通り。 上の画像のように、ファイル >> 新規 >> ActionScriptプロジェクトと選択してください。 すると、プロジェクト作成ダイアログが出ますので、プロジェク
Papervision 3D Programming Tutorial - Animated Textures
Papervision 3D Programming Tutorial - Animated Textures Matthew Casperson Categories : Web development ,Internet Tags : Internet web development topics flash director Flash has always had excellent multimedia capabilities, and as we saw in the article Papervision 3D Programming Tutorial - Effects a lot of these features can be used directly by Papervision 3D. In this article we will use Flex’s abi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Papervision 3D: Getting Started in Flex 3
flashenabledblog.com