INSIDE shota sawada design

まずは、数学的にもactionscript的にも難しくないものからやっていきたいと思います。
数学は高校数学の三角関数のみ。しかも、メソッドがすでに用意されていました。

今回やりたいことは、グラフィックスをステージ上に配置することです。ただ、配置するだけならば、x,yを指定してあげれば配置することができます。しかし、そのグラフィックスを円にそって並べるにはどうしたらよいか、ということです。x,yを指定していくのは、非常に大変です。そこで、極座標(Polar coordinates system)という概念を取り入れると、容易に配置していくことができます。

はじめにその極座標について説明したいと思います。

極座標とは、n次元のユークリッド空間Rⁿで定義され、一つの動径rによって偏角θからなる座標系です。今回は、2次元を扱うので、ユークリッド空間R²です。ユークリッド空間とは、我々が生活している空間のことを言います。また、非ユークリッド空間という空間もあります。

極座標には、円座標(Circular Polar Coordinates)、球座標(Spherical Polar Coordinates)などがあります。今回は、円座標を用います。また、ユークリッド空間R³では球座標を用いて立体的な表現をすることができます。

上図を用いて説明していきます。
rは円の半径、θ(シータ)は、x軸と半径rの間の角度のことです。

ここで、高校数学の時に使用した、sin、cosの定義の式変形をして、使いやすいように式を作ってあげます。

上の式を見てみると、rとθがわかれば、x,yがわかるということがわかります。
sin,cosの計算式は、Mathクラスに含まれています。
rを固定してあげて、θをずらしていけば、rを半径とした円にグラフィックスを配置していけるということがわかります。

実は、上でも言ったようにこの極座標を自動的に生成してくれる便利なメソッドがありました。
polarというメソッドで、詳しくは下のリンクからどうぞ。
Point - ActionScript 3.0 コンポーネントリファレンスガイド

半径rと角度θを入れてあげるとPointにしてx,y(直交座標)として返してくれます。

これを、用いて簡単にサンプルを作ってみました(突っ込みどころが多いです)

ソースはこちら

package {

 import flash.display.*;

 import flash.events.*;

 import flash.geom.*;


 //Class

 public class test extends Sprite {

  //Proparity

  public var myContainer:Sprite;

  //Constructor

  public function test(container:Sprite):void {

   myContainer = container;

   main();

  }

  //function

  private function main():void {

   var radius:Number = 70;//半径を設定

   var angplus:Number = 10;//何度ごとに配置するか

   for (var n=0; n<3; radius += 50,n++) {				

    for (var i=0; i<360; i += angplus) {

     makeCircle(radius,i);

    }

   }

  }

  //function

  function makeCircle(r,angle):void {

   var radian:Number = angle * Math.PI/180;//ラジアンに変換

   var translatePoint:Point = Point.polar(r,radian);//極座標変換したものをポインタへ

   var nx = translatePoint.x + 275;//x軸の中心へ

   var ny = translatePoint.y + 200;//y軸の中心へ

   var shape = new Shape();

   myContainer.addChild(shape);

   shape.graphics.lineStyle(1, 0x000000, 1.0);// 線のスタイル指定

   shape.graphics.beginFill(0x000000, 1.0);// 面のスタイル設定

   shape.graphics.drawCircle( nx, ny, 5);

  }

 }

}

今回は、球座標の2次元でしたが、3次元に拡張して、球座標でグラフィックスを配置してやるともっとヴィジュアル的に美しいものができそうです。グラフィックスを写真にしてあげて、xmlで読み込んでやると楽しそうです。

ActionScript 3.0 アニメーション

posted with amazlet on 08.03.05

Keith Peters 永井 勝則
ボーンデジタル (2007/10/30)
売り上げランキング: 985

Amazon.co.jp で詳細を見る

良本「Foundation Actionscript 3.0 Animation: Making Things Move!」の日本語訳の本です。非常によい本で、高価ですが購入しても損はしないと思います。でも、actionscriptなどのテクニックなどの本としては高いですね。英語が得意な方は英語版を買ってもよいかと^^数学的にアニメーションを行っているところもあるので、数学好きでactionscriptでアートをやりたい人にはたまらない本です。

ActionScript3.0 ビジュアル・リファレンス

posted with amazlet on 08.03.14

トップスタジオ
MdN (2008/03/11)
売り上げランキング: 570

Amazon.co.jp で詳細を見る

待つに待ったas3.0のリファレンス本が出ました。僕は、ウェブでリファレンスを見るというのがあまり得意でないので、本になってくれて非常に嬉しいです。

firefox 3.0betaが非常にいい。urlを打つ場所に「m」と入れただけで、このブログのmt.cgiのアドレスを一番上に載せてくれるます。別にmが頭文字なわけでもなく。「INSIDE shota sawada design / Movable Type Publishing Platform」というタイトルで。Movable TypeのMを取ってきてくれます。インターフェースも気に入っています。

追伸：
間違えて書いていたので、削除しました。後日また。as3.0でのtweenってtweenerですね。恥ずかし。

先日の「tweenクラスのメモ」で何やっているんだ、とお叱りを自分でもらったので、最初から丁寧に導入を書いてみたいと思います。

私は未だ外部エディターでasを書いていなく、Flash CS3で書いています。FlashDevelop使ってみたいなぁと思ってもmacユーザーなので、さようなら。まあ、デベロッパーでないしプログラマーでもないので、別にいいかなとも思う昨今です。
あと、Flash IDEって何なのか。Flash CS3とは何が違うの？と。調べてみると、

IDEとは、プログラミングで使用するエディタ、画面ツール、コンパイラ、リンカ、デバッガなどのプログラミングツールが統合された開発ソフトのことである。(IDE（統合開発環境）: 語句ロゴより引用)
らしいです。Flash CS3 < Flash IDEという感じですかね。

久しぶりにActionScript3.0ネタ載せます．何を隠そう，私のブログは昔のエントリーの「[as3.0] Tweenerクラスの導入」が一番アクセス数があるのです．人に見てもらいたい部分と自分の記録として残したいものが両立しているブログなので，別にいいんですけどね，技術的な方は見てもらいたい部分だし．

今回は，as3.0にてウェブカメラの映像をENTERボタンを押して，シャッターを押す，そうするとその写真が一時的に保存されるといったものです．撮った写真は配列に落とし込み，増えていく仕組みになっています．

参考にさせていただいたサイトは
「ActionScript3.0 png/jpegエンコード - kozy.heteml.jp」
「Flashから画像ファイルを保存する - FICC LABS」
「AIR Beta1でWEBCAMの画像をjpgに保存するサンプル作った - hatayanlog」
「JPEGencoderを使って簡易カメラ作成 - PHP,MySQL,Flexな日々＋イラストとか」
「【AS3】ActionScript3.0でFMS使ってライブカメラする｜blog.hereticsintheworld」
「trick7.com blog: Flash 上で Bitmap を JPEG 画像に変換」
です．ありがとうございました．今回はたくさんのサイト様を参考にさせていただきました．

CS3→CS4にしました．

インタフェースがぐぐっと変わりました．

CS3のころのウィンドウが敷き詰められていないで，後ろの空間が見えるの好きだったんですが，それがなくなりました(自分で頑張ればできるけど)

ここは，自分用のcs4メモスペースとします．

cs3の頃は，ファイル(flaとas)を同じフォルダにおいておけば，ドキュメントクラスをasの名前にすれば，勝手に探してくれた．

cs4では，パスを設定しないといけなくなった．まずそこで戸惑いました．それを行わないと「ドキュメントクラスの定義がクラスパス内に見つかりませんでした。定義は書き出し時にSWFファイル内に自動生成されます。」と出て，何も表示されません．

しかも，パスは「ソースパス」「ライブラリパス」「外部ライブラリパス」というのが出てきて，なんじゃこら．

上記のドキュメントクラスの設定するには「ソースパス」でasのおかれているフォルダを指定する必要があります．
ついでに「ライブラリパス」「外部ライブラリパス」は，両者ともネットとかからとってきたライブラリを使うときに設定するところです．
違いは，
「ライブラリパス」- 作成した SWC ファイル内に存在するコンパイル済み ActionScript コードの場所を指定する．
「外部ライブラリパス」- コンパイルのエラー定義に使用するコードを含んでいるSWCファイルを指定する．

らしいです．要は，コンパイルの処理を含んでいるか，どうか？よくわかりません．誰か教えてください．たぶん，一般的には「ライブラリパス」を使っていればよいのかなと思います.