Home > Tags > adobemax2009

adobemax2009

[Adobe MAX Japan 2009]ROXIK城戸さんのアレとTweensyで観覧車やってみた

2009-02-07 (土)
as3 | study | tweensy
adobemax2009 | as3 | flash | sample | tween | tweensy

すでにたくさんのレポートが投稿されてるみたいですが、
私もAdobe MAX 2日目参加してきました！！

感想をまとめようかと思いましたが、
私と全く同じセッションを選択されているll_koba_llさんのこの記事に書いてあるまとめが、
本当に感じたこととか一緒でうまくまとめてくださってるので、

まとめるの割愛します(あんなにうまく文まとまりましぇんｗ)。

受けたセッションの中でも、
すぐやってみたいと思ったのが
ROXIK城戸さんが実際にコードを書いて
日本語変数でものすごくわかりやすかった
ムービークリップの座標を視点で制御するアレ。

そこで記憶とメモを基に、
サンプルを作ってみることにした。

まず準備

真ん中基準点のMC「box_mc」を作成。
セッションの時のを忠実に再現w
aの文字は動くとぶるぶるするので分解してシェイプに。
プロパティでクラスにbox_mcと設定。

サンプルたち

視点の横移動

view sample

PLAIN TEXT

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,レンダリング);

視点の回転

view sample

PLAIN TEXT

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,レンダリング);

視点のズーム＆回転

view sample

PLAIN TEXT

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

今回の城戸さんのスライド公開ならへんかなぁ(*´ω｀*)

[Adobe MAX Japan 2009] ROXIK城戸さんのをアレをやってみる

2009-02-04 (水)
as3 | study
adobemax2009 | as3 | sample

すでにたくさんのレポートが投稿されてるみたいですが、
私もAdobe MAX 2日目参加してきました！！

まとめるの割愛します(あんなにうまく文まとまりましぇんｗ)。

そこで記憶とメモを基に、
サンプルを作ってみることにした。

まず準備

サンプルたち

視点の横移動

view sample

PLAIN TEXT

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,レンダリング);

視点の回転

view sample

PLAIN TEXT

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,レンダリング);

視点のズーム＆回転

view sample

PLAIN TEXT

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

今回の城戸さんのスライド公開ならへんかなぁ(*´ω｀*)

adobemax2009

[Adobe MAX Japan 2009]ROXIK城戸さんのアレとTweensyで観覧車やってみた

まず準備

サンプルたち

視点の横移動

視点の回転

視点のズーム＆回転

感想

関連する投稿

[Adobe MAX Japan 2009] ROXIK城戸さんのをアレをやってみる

まず準備

サンプルたち

視点の横移動

視点の回転

視点のズーム＆回転

感想

関連する投稿