Home > action script > Flashで3Dの表現:3D回転(2)+BlurFilter

Flashで3Dの表現:3D回転(2)+BlurFilter

3d_blur.jpg

以前のエントリにBlurFilterを加えてみました。(要 FlashPlayer8以上)

3d_blur.swf

今回はBlurFilterを使用するので、スクリプトの先頭で

import flash.filters.BlurFilter;

しておいてください。そんで、onEnterFrameの一番下で

var blurVal=-val/15;//この部分の調整は適当です。
rect.filters=[new BlurFilter(blurVal,blurVal,3)]

みたいに、奥行きに応じてフィルタをかけただけです。

ついでに、x軸回転を固定して、Jumpman23.comサイト内のAIR JORDANSコンテンツ(Flashサイトのため直リンクできず)みたいなイメージにしました。

y軸回転はマウス座標に比例させていますが、設定値以上のスピードにはならないようにしています。

リフレクションはシンボルに直接グラデーションで描いてるだけです。

あと、中心にポールを立てて、初期化の段階で swapDepths(0)してやったのだけれど、周りを回るMCが深度0で上書きするタイミング(奥行きzの値は小数値でも、swapDepths(z)では丸められて整数をとる)で、ポールは他の深度に飛ばされるようです。traceでgetDepthsしてやると、0→-3→5→13→2と、正負を問わず、上書きされた時点で空いてる深度に飛ばすっぽい。ただ、できるだけ元の深度に近づけるように頑張ってくれているっぽくて、深度があらぬ方向へ行くことはない様子。

Comment:11

超初心者 2007-06-01 (金) 16:30

はじめまして。
Flashの超初心者です。
見よう見まねで色々、勉強させていただいています。
スミマセン、「x軸回転を固定」というのは、どのようにすれば宜しいのでしょうか?
よろしくお願いいたします m(__)m

tera 2007-06-01 (金) 16:47

はじめましてこんにちは。
自分でも忘れがちですが、
onEnterFrame()の中の
var angleX:Number = (_ymouse-vpY)*0.001;

var angleX:Number = 0;
にすると、良いのではないでしょうか?

そうすると、奥行きが見えなくなるので、その時は、init()の中:
rect.y = 0;
を、
rect.y = 50;
とかにすると、ちょっと上から目線になるはずです。
僕も復習しないとだいぶ忘れてます。

超初心者 2007-06-01 (金) 18:55

ありがとうございます!
書かれたとおりにやってみたら、バッチリでした!
本当にありがとうございます。

とむとむ 2007-07-27 (金) 09:35

こんにちわ。
初歩的な質問で申し訳ないのですが
ジョーダンのように、数字ではなくて、違った画像などが
回るようにするにはどうすればいいのでしょうか。
宜しくお願いします。

tera 2007-07-27 (金) 11:48

>とむとむ様
コメントありがとうございます。
画像云々に関しては、今やっている動画チュートリアルの方で、似たようなことをやっているので、そちらをご覧くださいませ。
http://www.trick7.com/blog/2007/07/19-012628.php
基本「init() の中の for 文でまわして、その中でロードする」という作業になります。

とむとむ 2007-07-27 (金) 13:15

ご回答ありがとうございました。
早速見てみたのですが目が回りそうです(@_@)
もう少し簡単に作れると思ってたんですが
甘かったみたいです(^^ゞ
都合良すぎますけど、
>基本の…の部分だけでも画像追加方法って
教えていただけたりしませんか。

tera 2007-07-27 (金) 14:14

ライブラリの中に連番リンケージ名を設定した画像MCを用意して、for文の中で attachMovie するというのが一番基本になると思います。
気が向いた時にビデオチュートリアル作るかもですのでお待ちくださーい。

とむ 2007-07-27 (金) 17:00

ありがとうございました。
どうもわたくしには、まだこの手のasは無理だったみたいです。もっと勉強します。

マツオ 2008-07-19 (土) 02:02

はじめまして。まったく一緒なものの作り方を探していて、書いてあったとおりにやったらできました。すごいです。ASは苦手なので勉強になります。ありがとうございます。

そして、ぶしつけですが質問させてください。

たとえば回転させているムービークリップをそれぞれ別のものを用意したい場合(たとえばrect2.jpg,rect3.jpgなど)はどうしたらいいんでしょうか?

XMLなどと連携させて外部からjpgと連動させたりとかだとやはり複雑になるんでしょうか?質問が素人で申し訳ありませんがよろしくお願いいたします。

tera 2008-07-19 (土) 11:15

>マツオ様
コメントありがとうございます。
おっしゃられているような外部画像の読み込みに関しては、上のコメントでも書いておりますが:
http://www.trick7.com/blog/2007/07/19-012628.php
のような方法が僕としては一番簡単なのですが、ただ別途ライブラリを使うスキルなどが必要になってきます。
ライブラリを使わないアプローチであっても、目的のムービークリップにloadMovieするスキルが必要になってきます。
ご検討くださいませー。よろしくお願いいたします。

マツオ 2008-07-19 (土) 11:41

早速ありがとうございます。昨日書き込みしてから上のコメントに気づきまして、2度手間を取らせて申し訳ありません。

早速拝見してみたいと思います。

Comment Form

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

Remember personal info

Trackback:0

TrackBack URL for this entry
http://www.trick7.com/blog/mt-tb.cgi/177
Listed below are links to weblogs that reference
Flashで3Dの表現:3D回転(2)+BlurFilter from trick7.com blog

Home > action script > Flashで3Dの表現:3D回転(2)+BlurFilter

持っている Flash & ActionScript 関連本の中から、自分的おすすめの読む順番をご紹介。各書籍のレビューは books カテゴリからご覧頂けます。
この順番でどう?(AS3.0)
  • Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)
    Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)

    デザイン方面からFlashデビューして、そのままAS2.0を使うようになった人が、難しいと評判のAS3デビューする時の最初の1冊として、とにかく目を通しておくと良いかと思います。プログラミング経験の少ない方でも、サンプルをじっくり読めば、ゼロからのAS3デビュー可。
  • ActionScript 3.0 アニメーション
    ActionScript 3.0 アニメーション
    洋書「Making Things Move!」の日本語訳本。ActionScript3.0で数学的アニメーションを作ることがメインテーマなのですが、前半部分でAS3.0の基礎を分かり易く解説されています。後半の重力, IK, 3D表現等のアニメーション解説も楽しい。僕はこれのAS2.0洋書版を読んでFlashの面白さに気付きました。
  • Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付)
    Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付)
    この次の辞典のような洋書を読む前の事前知識としてこの本の内容を理解しておくといいかも。
  • Essential ActionScript 3.0 (Essential)
    Essential ActionScript 3.0 (Essential)

    900ページ以上ある相当分厚い本。基礎からOOPまでを解説。ほぼ網羅しているので、これを抑えておけばAS3博士になれそう。
  • Actionscript 3.0 Cookbook
    Actionscript 3.0 Cookbook

    ActionScript3.0のリファレンス本。問題とその解決法が1ページぐらいで細分化されているので空いた時間にちょっとずつ読み進められる。WebでAS3のソースを見て勉強する時の字引としても使う。ただ、時期的に初期の本なので、AS3自体が仕様変更してたりするので正誤表は必読。
  • Object-Oriented Actionscript 3.0
    Object-Oriented Actionscript 3.0

    7/23に発売されたFlash&OOP本。AS2.0版は持っているのだけど、オブジェクト指向の初歩的な解説から入って、後半は僕の理解を超える難度になっていきました。今度こそ理解できるか?
この順番でどう?(AS2.0)
  • Foundation Actionscript Animation: Making Things Move (Foundation)
    Foundation Actionscript Animation: Making Things Move (Foundation)

    スクリプトでアニメーションさせる方法を学べる。プログラムの知識というよりも数学や物理の知識が必要。バネの表現や3D表現など、汎用性の高いテクニックを身に付けられ、個人の表現力をレベルアップするのに最適。参考までに、僕が調べた英単語リスト。2007年4月に、AS3対応版も発売されました。
  • ゲーム開発のための数学・物理学入門 Beginning Math and Physics for Game Programmers
    ゲーム開発のための数学・物理学入門  Beginning Math and Physics for Game Programmers

    「Making Things Move!」の世界を突き詰めたい人用のステップアップのための本。行列や物理運動、2D/3D表現。Flashの本ではなく、じっくり読むタイプの本なので、あとまわしにしてもいいかも。
  • Flash 8 Essentials
    Flash 8 Essentials

    Flash8の新機能を紹介。全10章が独立した構成で、興味のある部分から読めます。フィルタやビットマップ、ビデオの使い方とかを、基礎から順を追って理解していけるので、ゼロからスクリプティングできるようになる。僕はビットマップ関連の作業の際のリファレンスとして常用しています。
  • .fla―Idea of Flash Creation
    .fla―Idea of Flash Creation

    上の本でFlash8の基本を身に付けて、それをどう面白い表現に落とし込むかを学べます。深津さんの、試行錯誤・実験しやすいスクリプティング、クラス設計に凄さを感じました。YouTubeやFlickrのAPI、PHPとの連携記事も。
  • FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]
    FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]

    ここまでで表現力が付き、テンションが上がるので、その勢いで難解なオブジェクト指向に挑戦。プログラム経験のない人がいきなり英語のOOP本を読むのは厳しい。この本で継承とかインターフェースとかポリモーフィズムとかの用語を理解しておくといいかも。
  • オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―
    オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―

    Flashの本ではありませんが、OOPの概念を気軽に読めるボリュームで解説してくれます。英語と日本語のOOP用語の対応を図るためにも「Object-oriented Actionscript for Flash 8」と併読するのがおすすめ。なんとなく読んでおくだけでも結構違うのでは。
  • Object-oriented Actionscript for Flash 8
    Object-oriented Actionscript for Flash 8

    前半はOOPの利便性や基本の紹介。デザインパターンやMVCの理解。13章からグッと難しくなって大変。Flash8対応。
  • Essential Actionscript 2.0
    Essential Actionscript 2.0

    上の本よりもさらにOOPプログラマ向け。同じOOP本ということでやや重複しており、こちらはMX2004時代の本なので見送ってもいいかも。分かりやすい英語で良著。この本のAS3版が出たら間違いなく買い。

Page Top