トトガノート

All about TOTOGA

processing

Atlas0.pdeのプログラムを改造して、「３の倍数をクリックするゲーム」（Maia0.pde）を作ってみました。Atlasをもとにしたので、その娘Maiaの名前を借用しました。

・まず、変数unitType、UNIT_DEACTIVE_PERは不要なので、コメント化。

・ユニットに表示される数値のための変数unitValuを新設。

・「ベルトコンベアー描画」の後に、タイトル"Multiple of 3"をtext()で描画。

・mousePressed()で、クリックしたのが３の倍数かどうかを判定。

・resetUnit()で、unitValuの値を乱数発生。

・drawUnit()で、unitValuの値を描画。

実行してみると…


《インデックス》

◆◆◆参考文献「遊んで作るスマホゲームプログラミング for Android」
◆◆◆公文生ならゲームで遊ぶな！ゲームを作れ！
◆◆◆公文式小林教室◆山形県東根市◆◆◆
タグ ：
#processing
#アンドロイド
#スマホ
#プログラミング
#タブレット
このエントリーをはてなブックマークに追加 mixiチェック

p248からの「ベルトコンベアのゲーム」（Atlas10.pde）についてプログラムを見てみます。

Atlas9.pdeからの変更点は…本書の中の説明で十分かと思いますが、自分なりにメモっておきます。

・得点が大きいほどレベル（難易度）を上げる変更は、Unit.pdeのstepUnits()

・ドラッグ後に思っていた場所と違う位置にユニットが配置されることを少なくする変更は、
Grid.pdeのgetFreeGridMousePos()
Atlas10.pdeのmouseDragged()とmouseReleased()


実行してみると…


《インデックス》

◆◆◆参考文献「遊んで作るスマホゲームプログラミング for Android」
◆◆◆公文生ならゲームで遊ぶな！ゲームを作れ！
◆◆◆公文式小林教室◆山形県東根市◆◆◆
タグ ：
#processing
#アンドロイド
#スマホ
#プログラミング
#タブレット
このエントリーをはてなブックマークに追加 mixiチェック

p243からの「ベルトコンベアのゲーム」（Atlas9.pde）についてプログラムを見てみます。

今回はロゴ・タイトル画面を表示するための変更です。UnitとGridの変更はありません。

Atlas8.pdeからの変更点は…

・各種変数の追加
final int MODE_LOGO = 0; // モード：ロゴ画面
final int MODE_TITLE = 1; // モード：タイトル画面
final int MODE_GAME = 2; // モード：ゲーム画面
int mode = MODE_LOGO; // 現在のモード
int modeFrames = 0; // 現在のモードの経過フレーム数
PImage logoImg; // ロゴ画像

・setup()でロゴの画像読み込み
logoImg = loadImage("devlogo.png");

・draw（）では…

現在のモードの経過フレーム数をカウントアップして
modeFrames++;

ロゴやタイトル画面を表示します。
if(drawLogo()) return;
if(drawTitle()) return;

drawLogo()、drawTitle()、changeMode()等は、自分のロゴを作ってから改めて吟味しましょう。

実行してみると…



《インデックス》

◆◆◆参考文献「遊んで作るスマホゲームプログラミング for Android」
◆◆◆公文生ならゲームで遊ぶな！ゲームを作れ！
◆◆◆公文式小林教室◆山形県東根市◆◆◆
タグ ：
#processing
#アンドロイド
#スマホ
#プログラミング
#タブレット
このエントリーをはてなブックマークに追加 mixiチェック

p237からの「ベルトコンベアのゲーム」（Atlas8.pde）についてプログラムを見てみます。

今回は音を鳴らすための変更です。

Atlas7.pdeからの変更点は…

・import ddf.minim.*;　新設

・サウンド関係の宣言
Minim minim;
AudioPlayer bgm;
AudioSample seMouse, seLink, seRemove;

・setup()で新設
// サウンド読み込み
minim = new Minim(this);
bgm = minim.loadFile("bgm.mp3", 2048);
seMouse = minim.loadSample("move.wav", 1024);
seLink = minim.loadSample("link.wav", 1024);
seRemove = minim.loadSample("remove.wav", 1024);

・resetStage()で新設
bgm.play(); // BGMを再生
bgm.loop(); // 曲が終わっても最初から繰り返すように指定

・drawResult()で
bgm.pause(); // BGMを停止


Grid.pdeからの変更点は…

・drawGridLinks()において
int prevN = unit.getLinkCount();を新設して
// 繋がった瞬間のSEを再生
if(n > prevN) seLink.trigger();

実行してみると…



《インデックス》

◆◆◆参考文献「遊んで作るスマホゲームプログラミング for Android」
◆◆◆公文生ならゲームで遊ぶな！ゲームを作れ！
◆◆◆公文式小林教室◆山形県東根市◆◆◆
タグ ：
#processing
#アンドロイド
#スマホ
#プログラミング
#タブレット
このエントリーをはてなブックマークに追加 mixiチェック

p230からの「ベルトコンベアのゲーム」（Atlas7.pde）についてプログラムを見てみます。

自然の素材をそのまま生かした「数寄屋デザイン」への変更です。

Atlas6.pdeからの変更点は…

・PImage bgImage;　新設

・setup()で新設
// 画像読み込み
loadUnitImages();
bgImage = loadImage("bg.png");

・draw()で新設
// 背景
background(0);
image(bgImage, 0, 0, width, height);

・drawGame()で
グリッド背景描画が削除。

Unit.pdeからの変更点は…

・ユニットが動く速度の変更
final float UNIT_SPEED = 5.0f;

・ユニットクラスが使用する画像を読み込むの新設
loadUnitImages()

・draw()において
「移動中は一定間隔で脈動する演出」の追加
「ユニット本体描画」
if(getLinkCount()>1) {
image(unitLinkedImages[type], 0, 0, w, h);
} else {
image(unitNormalImages[type], 0, 0, w, h);
}
popMatrix();
番号描画は削除。

実行してみると…



かなり、完成度の高いゲームのように見えるのですが、プログラムを比較してみると内容はほとんど変わっていません。

素晴らしい…。

《インデックス》

◆◆◆参考文献「遊んで作るスマホゲームプログラミング for Android」
◆◆◆公文生ならゲームで遊ぶな！ゲームを作れ！
◆◆◆公文式小林教室◆山形県東根市◆◆◆
タグ ：
#processing
#アンドロイド
#スマホ
#プログラミング
#タブレット
このエントリーをはてなブックマークに追加 mixiチェック

p200からの「ベルトコンベアのゲーム」（Atlas6.pde）についてプログラムを見てきました。前回はdraw()の中のdrawGame()の中のdrawGridLinks()の中のcountLinkedUnit（）を見てみました。

drawGridLinks()が終わると、drawGameInfo()が実行されますが、時間と得点の描画ということで特別な内容は無いようです。

drawGame()が終わると、drawResult()が実行されますが、これも結果表示で特別な内容は無いようです。

ということで、Atlas6.pdeの調査も今回で終わろうと思いますが、最後にデバッグ用の関数が用意されているので、これを実行させてみましょう。

draw()の中のdrawGame()の中にdrawGridInfo()がコメント文になっています。「//」を消して有効にすると、以下のように表示が変わります。私の腕も上がりました(笑)



《インデックス》

◆◆◆参考文献「遊んで作るスマホゲームプログラミング for Android」
◆◆◆公文生ならゲームで遊ぶな！ゲームを作れ！
◆◆◆公文式小林教室◆山形県東根市◆◆◆
タグ ：
#processing
#アンドロイド
#スマホ
#プログラミング
#タブレット
このエントリーをはてなブックマークに追加 mixiチェック

p200からの「ベルトコンベアのゲーム」（Atlas6.pde）についてプログラムを見てきましたが、今回はdraw()の中のdrawGame()の中のdrawGridLinks()の中のcountLinkedUnit（）を見てみます。

この関数の働きは「// 繋がっているユニットの数を再帰的に数える」となっています。つまり、countLinkedUnit（）の中にcountLinkedUnit（）があります。引数の isFirst を、drawGridLinks()の直下の場合はtrue、countLinkedUnit（）の下で実行されている場合はfalseにすることで、機能を切り換えています。

最初のif文の条件であるisInGrid(gx, gy)は、「gx>=0 && gx=0 && gy
drawGridLinks()下で実行されている場合は
for(int iy=0; iy
ですから、countLinkedUnit（）の下で実行された場合だけ、このif文が効いてくることになりそうです。

次のif文は、drawGridLinks()の直下で実行されている場合だけgridFlags[iy][ix]を全てfalseにします。linkUnitsは、drawGridLinks()の中で定義されたローカルなArrayListで、初めての時だけクリアされます。

「// 調査中フラグがあるグリッド」や「// 停止したユニットがないグリッド」の場合は、計数しないでreturnします。

「// 同じ種類もしくは万能タイプのとき」は「// 調査中フラグを有効」にして、「// つながっているユニットとしてリストに追加」します。つまり、linkUnitsの要素の一つとして、このユニット（grid[gy][gx]のユニット）を追加します。

「// 万能タイプの場合は」万能でないタイプに「タイプを確定」します。

上下左右の「// 繋がっている数を再帰的に数え」ます。

drawGridLinks()の直下で実行されている場合だけ、上下左右の計数結果をunit.linkTop、unit.linkBottom、unit.linkLeft、unit.linkRightに代入します。

最後に「// 繋がっている数を」returnで「返す」ことになります。



《インデックス》

◆◆◆参考文献「遊んで作るスマホゲームプログラミング for Android」
◆◆◆公文生ならゲームで遊ぶな！ゲームを作れ！
◆◆◆公文式小林教室◆山形県東根市◆◆◆
タグ ：
#processing
#アンドロイド
#スマホ
#プログラミング
#タブレット
このエントリーをはてなブックマークに追加 mixiチェック

p200からの「ベルトコンベアのゲーム」（Atlas6.pde）についてプログラムを見てきましたが、今回はdraw()の中のdrawGame()の中のdrawGridLinks()を見てみます。

この関数の働きは「// グリッドを調査して繋がりを判定、描画」となっています。

ローカルな ArrayList linkUnits を定義しています。それと、繋がりを計数する変数 linkCount も。

二重のforループで、表示されているユニット全てについて処理していきます。

まず、対象とするgrid[][]をローカルなUnitのunitに代入。繋がっている数を調べます。

countLinkedUnit（）は繋がっているユニットの数を数える関数のようですが、再帰処理を含んでおり、Atlas6のメインディッシュなので、解析は後にとっておきます。

countLinkedUnit（）による計数結果ｎが、UNIT_LINK_NUM（この数に達するとUnitは消滅する）に達していて、このUnitのlifeFramesが負のとき、「// 繋がっているユニットを一定フレームで消滅させる」処理を行っています。

for(Unit u : linkUnits)は、ArrayListであるlinkUnitsの要素となっているUnit全てについて処理を行うという意味のようです。それぞれのUnitのメンバー関数setLifeFrames(60)を実行します。具体的には、u.lifeFramesに60を代入するだけの処理です。

消滅処理のfor文を抜けて、if(unit!=null) 文を抜けて、繋がりがある場合には unit.drawLinks()で繋がりを描画します。重複しないように右と下の繋がりだけ描画するようになっています。

二重のforループを抜けて、ボーナスとかスコアに関する処理をしています。



《インデックス》

◆◆◆参考文献「遊んで作るスマホゲームプログラミング for Android」
◆◆◆公文生ならゲームで遊ぶな！ゲームを作れ！
◆◆◆公文式小林教室◆山形県東根市◆◆◆
タグ ：
#processing
#アンドロイド
#スマホ
#プログラミング
#タブレット
このエントリーをはてなブックマークに追加 mixiチェック

p200からの「ベルトコンベアのゲーム」（Atlas6.pde）についてプログラムを見てきましたが、今回はdraw()の中のdrawGame()の中のdrawUnits()を見てみます。

文字どおりユニットを描画するわけですが、forループでunitArrayの全てのunitについて、unit.draw()を実行しています。drawUnits()はただそれだけの関数です。

unit.draw()では、まずpushMatrix();として、(0,0)を原点とする座標軸をスタックしています。そして、translateで原点を(unit.x,unit.y)に移動しています。

「// 消すときは回転しながら消す演出をする」ということなので、if(lifeFrames > 0 && lifeFrames < 30) というのが「消すとき」の条件になっているようです。if文内は、演出となる回転処理ですね。

次に「// ユニット本体描画」。unit.typeの数値は、ユニットタイプの色を定めたunitColors[]という配列のインデックスに対応しているようです。fill()で本体の色の設定を最初にやります。枠の設定はいくつか場合分けされています。

if(lifeFrames >= 0) ならば「消している最中」を意味しているようです。stroke(255)で枠の色を白に指定。strokeWeight(5)で5pixelの太枠を指定。

lifeFrames < 0で、isMouseDragging()がtrueのとき、「マウス操作中」の処理をします。 灰色stroke(128)の太枠strokeWeight(5)。

lifeFrames < 0で、isMouseDragging()がfalseで、isStop()がtrueのとき、「停止」の処理をします。黒stroke(0)の細枠strokeWeight(2)。

それ以外の時は枠を表示しないnoStroke()。

そして、描画rect(0, 0, w, h)。ユニットの左上が原点になっていますから、位置の座標は(0,0)。

最後に「// タイプ番号描画」をして、座標を元に戻してpopMatrix()、終了。



《インデックス》

◆◆◆参考文献「遊んで作るスマホゲームプログラミング for Android」
◆◆◆公文生ならゲームで遊ぶな！ゲームを作れ！
◆◆◆公文式小林教室◆山形県東根市◆◆◆
タグ ：
#processing
#アンドロイド
#スマホ
#プログラミング
#タブレット
このエントリーをはてなブックマークに追加 mixiチェック

p200からの「ベルトコンベアのゲーム」（Atlas6.pde）についてプログラムを見てきましたが、今回はdraw()の中のdrawGame()の中のstepUnits()を見てみます。

stepUnits()では、まずisFinishedがtrueであればreturnします。

nextUnitFramesは、初期値は０。max(nextUnitFrames-1, 0)も０。

if(nextUnitFrames <= 0)は実行されます。つまり、nextUnitFramesには60 * 3が代入されます。

addUnit()は新しいunitを一つ生成して、unitArrayに加える関数。引数は何段目に新しいunitを生成させるかを示すもので、ここでは０（最上段）、２（真ん中）、４（最下段）の値を取るようです。y=2（真ん中）のunitは必ず生成されます。timeがLIMIT_TIMEの1/4を過ぎていて最上段最左列にunitが存在しなければ、y=0（最上段）のunitも生成されます。timeがLIMIT_TIMEの1/2を過ぎていて最下段最左列にunitが存在しなければ、y=4（最下段）のunitも生成されます。但し、この解釈が正しいとすると if(grid[0][GRID_H-1] == null && の記述は誤りで、正しくは if(grid[GRID_H-1][0] == null && ではないかと思われます。まだ、未確認ですが・・・。

ユニット進行ということで、forループで、unitArrayの全てのunitについて寿命の判定を行っています。寿命の判定はunit.step()が行います。寿命が尽きていなければ、寿命を縮める操作もしています。

寿命が尽きているユニットに対して、マウスで操作されている場合にはマウス操作を無効にしています。

そして、correctUnit()です。ユニットが重なっているかどうかを調べ、重なっている場合は左のユニットを左にずらすという機能のようです。ここはまだ、unitArrayの全てのunitを見るforループの中なのですが、correctUnit()内にさらに同じforループがあり、unit.correctUnit()をコールしています。correctUnit()に引き数としてわたされたunit（以下Aとする）と違うunit（以下Bとする）の場合だけunit.correctUnit()がコールされます。

unit.correctUnit()内で、lifeFrames,isMouseDragging,x,y,w等がそのまま使われているのはunitAの方で、「unit.」の接頭句が付いているのがunitBの方ですね。

forループを抜けてグリッドデータの更新です。clearGrid()でグリッドデータをgrid[][]を全てNULLにしてから、setGrid()でunitArrayの中のunitから新しい位置情報を読み込んでいます。

drawGame()では、一度stepUnit()を実行してから、グリッド背景の描画を行い、再びstepUnit()を実行しています。



《インデックス》

◆◆◆参考文献「遊んで作るスマホゲームプログラミング for Android」
◆◆◆公文生ならゲームで遊ぶな！ゲームを作れ！
◆◆◆公文式小林教室◆山形県東根市◆◆◆
タグ ：
#processing
#アンドロイド
#スマホ
#プログラミング
#タブレット
このエントリーをはてなブックマークに追加 mixiチェック

↑このページのトップヘ