parpue.net - Box2D

２Dのバスケフリースローゲーム思いついてみる。

2008-07-19 (土)
Flash | WEB
Box2D | Flash | フリースロー

前エントリに続いて、
某組曲ボーナスゲームも作り途中ですが、
Box２D使えば、２Dなフリースローゲームも簡単に作れるんじゃないだろか。

某組曲ボーナスゲームより考えることが少なそうだ。

というわけでフリースロー用の素材を描いて、いろいろ考えてみた。
目標はこんなの↓

ずっとみてても入ることはありません。
もがき続けます。

ボールはFlashのトゥイーンでがしがし不自然に動かしました(^-^;;
この辺をBox2Dにやらせれば、絶対気持ちいいぜ！

しかし素材作るのが大変だ・・・。
今回はフリーのSimpleDotXで描きました。
（あれほどベジェ曲線やるといっておきながら・・・）

実際にスクリプトの方もちょっとかいてみた。
うん、いけそうだ！　（↓まだ、作り中だから絵だけです。）

フリースローひな形

いろいろ平行してがんばっていこう！

Comments: 0
Trackbacks: 1

Box2D リンケージシンボルでアニメーションさせてダッシュ＆ジャンプ

2008-07-16 (水)
Flash | WEB
Box2D | Flash | リンケージ | 慣性

Box2Dで、迷○組曲ボーナスステージもどき制作日記の続きです。

今回はFlashで作成したアニメーションのシンボルをリンケージさせて、
実際に表示されるキャラクターを動かしてみました。
このキャラクターは、前作ったコレで使ったやつの使い回しで、我らがドットりえッチです。
今回もまだエンドレスですｗ

画面をクリックして、「←」「→」で左右移動、「s」でジャンプです。

今回は、Flashでリンケージさせたシンボルを組み込んで、
Flex3でコンパイルする際に組み込んでいます。

>>text

ACTIONSCRIPT:

[Embed(source = 'LabylinsSeed.swf', symbol = 'riecchi') ]
private var Riecchi:Class;
private var riecchi:MovieClip;

外部のFlashを組み込んで、シンボルをクラスとして使えるようにするには
[Embed(source='読み込むファイル名', symbol='リンケージ時に指定したクラス名')]

でOKです。

今回読み込んだLabylinsSeed.swfは以下のようなFlashです。

上からシンボル化したMovieClipで、それぞれを
"stop", "low", "middle", "high", "max", 飛んでるのが "jump"と命名してあります。

それとは別の、riecchiというMovieClipをシンボル化しています。
このMovieClipは、同じように"stop", "low","middle" ... と名前をつけたフレームをもち、
それぞれのフレームに上記でシンボル化したMovieClipをおいています。

↓現在加わっている力から、どのフレームのアニメーションを動かすか、
どのフレームで gotoAndStop() させるかを指示しています。

>>text

ACTIONSCRIPT:

var vel_x = Math.abs(square.m_linearVelocity.x);
var status:String = "stop";
if( vel_x <0.5) status = "stop";
else if(vel_x <2) status = "low";
else if(vel_x <5) status = "middle";
else status = "high"
if(status != square.m_userData.speed_status){
riecchi.gotoAndStop(status);
square.m_userData.speed_status = status;
}

こうすることで、速度によってアニメーションを変えることができました。
ちなみにmaxは使わなかった。

方向転換時に慣性のような力を残す、フラットをとると減点なども追加しました。
前のコードに試行錯誤しながら作ったので、ソース汚いっす。

次回はグラフィックをもっと追加してみようかな・・・続く！！

↓勢いのあるソース全部
Continue reading

Comments: 4
Trackbacks: 2

Box2D で降りしきる音符を拾いまわる箱

2008-07-09 (水)
Flash | WEB
Box2D | Flash | FlashDevelop | 箱組曲

前回作ったものに、pngファイルを重ねて表示しました。
動き回る箱が、音符を拾うゲームです。
箱組曲ですねｗ

Box2Dで落ちる音符が自然でいい感じです。
だいぶ遊べるものに近づいてきました。
ちなみにエンドレスです。ウハハ！拾い続けるのだ！

画面をクリックして、「←」「→」で左右移動、「s」でジャンプです。
今回やっと、無限ジャンプをさせなくしました。

次回は、箱生命体を改め、ちゃんと歩く何か動かそうかなｗ
それから音符の種類も増やそうと思っています。

今回は、外部ファイルを埋め込んで、
Spriteとして表示できるようにしています。

埋め込み部

>>text

ACTIONSCRIPT:

[Embed(source='hako.png')]
private var hakoImg:Class;
private var spt:Sprite;
[Embed(source = 'onpu.png')]
private var onpuImg:Class;

表示できるようにして追加

>>text

ACTIONSCRIPT:

var bmp:Bitmap = new hakoImg();
// 中心座標と重なるように。
bmp.x = -18;
bmp.y = -36;
spt = new Sprite;
spt.visible = false;
spt.addChild(bmp);
addChild(spt);

「箱はどんなことがあっても転ばない」というところで悩みました。
毎フレーム傾きを戻してやることにしました。

>>text

ACTIONSCRIPT:

// 箱生命体は、決して倒れない！
var xform:b2XForm = square.GetXForm();
square.SetXForm(xform.position, 0);

書いてみると2行でしたが、果たしてこれが正しいやり方なのか・・・

あとは、地面にいるときだけジャンプ可能にしたのは、
「地面と衝突しているかどうか」でフラグ判定しているだけです。

悩みながらやったのでソースが、だんだん荒くなってきた。

続く！

↓ソース全部

Comments: 0
Trackbacks: 0

Box2d で降りしきる箱と戯れる箱

2008-07-07 (月)
Flash | WEB
actionscript3 | Box2D | Flash | 衝突

前回に続きまして、四角の一人四角遊びです（？）

画面をクリックした後、「←」「→」で左右移動、「s」キーでジャンプです。
前回同様、「s」キー連打で多段ジャンプ！

↓参考にさせていただきました。
■Box2Dサンプル maskBitsによる衝突フィルタリング

今回やりたかったのは、上からものを落として、
何回かぶつかったら、部屋から立ち去らせるということ。

具体的には、
3回、床との衝突を検知したら、
落ちてくる箱の衝突フィルタの値を変更するということをやりたかった。

箱を定義するときにIDを指定しておくことで、何と何が衝突したか検知できる。

>>text

ACTIONSCRIPT:

var floorBodyDef:b2BodyDef = new b2BodyDef();
// 床のIDを floor としておく
floorBodyDef.userData = new Object;
floorBodyDef.userData.id = "floor";
floorBodyDef.position.Set(6, 8);

3回衝突を検知したら、maskBitsの値を0x00に変更して、誰とも衝突しないようにする。
Box2Dのソースから追って、filterを再度ゲットできるところを探したんだけど、
これでよかったんだろうか。

>>text

ACTIONSCRIPT:

for (var ce:b2ContactEdge = floor.m_contactList; ce != null; ce = ce.next) {
var obj1:b2Body = ce.contact.GetShape1().m_body;//1つ目のオブジェクト
var obj2:b2Body = ce.contact.GetShape2().m_body;//2つ目のオブジェクト
if(obj1.m_userData && obj2.m_userData && ce.contact.GetManifoldCount() == 1){
if(obj2.m_userData.id == "dropbox"){
if (obj2.m_userData.crash> 2){
shape = obj2.GetShapeList();
shape.m_filter.maskBits = 0x00;
}else {
obj2.m_userData.crash++;
}
}
}
}

だいぶ作りたいものに近づいてきました！
次はShapeで絵をちゃんと重ねよう！

↓ソース全部

Comments: 1
Trackbacks: 0

Box2Dで　四角の一人ボール遊び

2008-07-03 (木)
Flash | WEB
actionscript3 | Box2D | Flash

前回に引き続きBox2DFlashAS3で遊んでいます。
四角の一人ボール遊びです。

画面をクリックした後、「←」「→」で左右移動、「s」キーでジャンプです。
「s」キー連打で多段ジャンプ可w

前回より、ちゃんと部屋のサイズとか考えて作りました。天井は吹き抜けですが。

四角を右と左に動かす際、加速の感じを出すために、
イーズアウト・イーズインの公式を使いました。

といっても見つけてきただけです。
■イージングの公式いろいろ
http://www.actionscript.org/forums/showthread.php3?t=42833
■Flash Tweener のイージングパターン
http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html

easeInOutQuadの式

>>text

ACTIONSCRIPT:

/**
　* t = time
　* b = beginning value
　* c = change in value
　* d = duration
　*/
public function easeInOutQuad(t:Number, b:Number, c:Number, d:Number):Number {
if ((t/=d/2) <1) return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
};

この関数を使ってm_linearVelocityで与える力の加減を計算しています。
キーを離したときの減速は、Box2Dの摩擦計算に任せているので何もしないでOK。ラクチン。

昔の人はこういうライブラリなしで、ファミコン容量でゼロからマリオとか作ったわけよね。

スゲー！

↓ ソース全部
Continue reading

Comments: 0
Trackbacks: 0

物理エンジン Box2DFlashAS3 を使ってみる

2008-07-02 (水)
Flash | WEB
Box2D | Flash | 物理エンジン

■物理エンジン for Flash → http://box2dflash.sourceforge.net/

Box2DFlashで作られた引越し奉行というゲームみてから気になってた。
ちょくちょくいろんなところで、ゲームに使われている。
おもしろそうなので手を出してみた。

とりあえず参考にしたサンプルを、ちょっと改造して動かす。

最初に画面をクリックしてください。
床と円を２つ設置。「←」「↑」「→」キーで円に力が加わります。

■物理エンジンをセットアップし，箱を落とすFlashを作る
ここのサンプルコードを元に改造しました。

■Master of None
オワタの冒険のサンプルコードを参考にさせていただきました。

ドキュメント少ないですね・・・みなさん何みて作ってんだろ・・・
とりあえず。わかったのは、
worldとbox定義の仕方と、m_linearVelocityで力を加えられることくらいか。。

Comments: 0
Trackbacks: 0

Box2D

２Dのバスケ フリースローゲーム思いついてみる。

Box2D リンケージシンボルでアニメーションさせてダッシュ＆ジャンプ

Box2D で 降りしきる音符を拾いまわる箱

Box2d で降りしきる箱と戯れる箱

Box2Dで 四角の一人ボール遊び

物理エンジン Box2DFlashAS3 を使ってみる

２Dのバスケフリースローゲーム思いついてみる。

Box2D で降りしきる音符を拾いまわる箱

Box2Dで　四角の一人ボール遊び