すでにたくさんのレポートが投稿されてるみたいですが、
私もAdobe MAX 2日目参加してきました！！
感想をまとめようかと思いましたが、
私と全く同じセッションを選択されているll_koba_llさんのこの記事に書いてあるまとめが、
本当に感じたこととか一緒でうまくまとめてくださってるので、
まとめるの割愛します(あんなにうまく文まとまりましぇんｗ)。
受けたセッションの中でも、
すぐやってみたいと思ったのが
ROXIK城戸さんが実際にコードを書いて
日本語変数でものすごくわかりやすかった
ムービークリップの座標を視点で制御するアレ。
そこで記憶とメモを基に、
サンプルを作ってみることにした。
まず準備
真ん中基準点のMC「box_mc」を作成。
セッションの時のを忠実に再現w
aの文字は動くとぶるぶるするので分解してシェイプに。
プロパティでクラスにbox_mcと設定。
サンプルたち
視点の横移動
Actionscript:
- var 視点={x:0,y:0,angle:0,zoom:0};
- var ボックスたち=[];
- var ポイントたち=[];
- ボックス追加();
- function ボックス追加() {
- var ポイント;
- var ボックス;
- for (var i=0; i<20; i++) {
- ポイント={x:Math.random()*700,y:Math.random()*400};
- ポイントたち[i]=ポイント;
- ボックス=new box_mc();
- ボックスたち[i]=ボックス;
- addChild(ボックス);
- }
- }
- function モーション(e:Event) {
- 視点.x+=2;
- }
- function レンダリング(e:Event) {
- for (var i=0; i<ボックスたち.length; i++) {
- var ポイント=ポイントたち[i];
- var ボックス=ボックスたち[i];
- ボックス.x=ポイント.x-視点.x;
- ボックス.y=ポイント.y-視点.y;
- }
- }
- addEventListener(Event.ENTER_FRAME,モーション);
- addEventListener(Event.ENTER_FRAME,レンダリング);
視点の回転
Actionscript:
- var 視点={x:0,y:0,angle:0,zoom:0};
- var ボックスたち=[];
- var ポイントたち=[];
- ボックス追加();
- function ボックス追加() {
- var ポイント;
- var ボックス;
- for (var i=0; i<20; i++) {
- ポイント={x:Math.random()*700,y:Math.random()*400};
- ポイントたち[i]=ポイント;
- ボックス=new box_mc();
- ボックスたち[i]=ボックス;
- addChild(ボックス);
- }
- }
- function モーション(e:Event) {
- //ポイント.x+=2;
- //視点.x+=2;
- 視点.angle+=0.01;
- }
- function レンダリング(e:Event) {
- var cos=Math.cos(視点.angle);
- var sin=Math.sin(視点.angle);
- for (var i=0; i<ボックスたち.length; i++) {
- var ポイント=ポイントたち[i];
- var ボックス=ボックスたち[i];
- var 視点からの差x=ポイント.x-視点.x;
- var 視点からの差y=ポイント.y-視点.y;
- ボックス.x=視点からの差x*cos-視点からの差y*sin+350;
- ボックス.y=視点からの差x*sin+視点からの差y*cos+200;
- }
- }
- addEventListener(Event.ENTER_FRAME,モーション);
- addEventListener(Event.ENTER_FRAME,レンダリング);
視点のズーム＆回転
Actionscript:
- var 視点={x:0,y:0,angle:0,zoom:0};
- var ボックスたち=[];
- var ポイントたち=[];
- ボックス追加();
- function ボックス追加() {
- var ポイント;
- var ボックス;
- for (var i=0; i<20; i++) {
- ポイント={x:Math.random()*700,y:Math.random()*400};
- ポイントたち[i]=ポイント;
- ボックス=new box_mc();
- ボックスたち[i]=ボックス;
- addChild(ボックス);
- }
- }
- function モーション(e:Event) {
- //ポイント.x+=2;
- 視点.angle-=0.01;
- 視点.zoom+=0.01;
- }
- function レンダリング(e:Event) {
- var cos=Math.cos(-視点.angle);
- var sin=Math.sin(-視点.angle);
- for (var i=0; i<ボックスたち.length; i++) {
- var ポイント=ポイントたち[i];
- var ボックス=ボックスたち[i];
- var 視点からの差x=(ポイント.x-視点.x)*視点.zoom;
- var 視点からの差y=(ポイント.y-視点.y)*視点.zoom;
- ボックス.scaleX=ボックス.scaleY=視点.zoom;
- ボックス.x=視点からの差x*cos-視点からの差y*sin+350;
- ボックス.y=視点からの差x*sin+視点からの差y*cos+200;
- }
- }
- addEventListener(Event.ENTER_FRAME,モーション);
- addEventListener(Event.ENTER_FRAME,レンダリング);
感想
忘れないうちにってことでとりあえずアップしてみたけど、
かなりセッションでやってたやつに近いサンプルができたかな？
自分もこのソースみてまた勉強しようw
今回の城戸さんのスライド公開ならへんかなぁ(*´ω｀*)
関連する投稿
- Newer: [Adobe MAX Japan 2009]ROXIK城戸さんのアレとTweensyで観覧車やってみた
- Older: [tweensy]いろいろ試してみる：TweensyGroupで特殊プロパティをトゥイーン
Comments:0
Trackbacks:1
- Trackback URL for this entry
- http://kanariia.com/blog/archives/451/trackback
- Listed below are links to weblogs that reference
- [Adobe MAX Japan 2009] ROXIK城戸さんのをアレをやってみる from kanariia.com blog
- pingback from kanariia.com blog - [Adobe MAX Japan 2009]ROXIK城戸さんのアレとTweensyで観覧車やってみた 09-02-07 (土) 3:08
-
[...] Older [...]
