SlideShare uma empresa Scribd logo
1 de 15
ブロック崩し
~作り方講座~
セットアップ
• 基本となるセットアップを行う
• hファイルで
各メソッドの定義をする
今回は右の3つのメソッドを用いる
• cppファイル,setupメソッドで
フレームレート・背景の設定をする
ブロック・壁の作成
• まず、ブロックと壁を描いていく
基本的にはof勉強会資料(図形)と一緒の内容
• hファイルにブロック・壁の座標・幅・高さを定義し
ていく
ここですべての値が10の倍数になっているのが
ポイント!(理由は後述)
• 色をランダムでつけるためにofRandomを用いて
RGBをランダムにとるようにする
ブロック・壁の作成
• hファイルで定義したものを
cppのdrawメソッドで描いていく
ブロック・壁の作成
• 実行結果
ブロックと壁の描写が完了した
ボールの作成
• 次にボールを作るのに必要な要素
を定義していく
• アニメーションと異なる点は速さの値
を配列で定義していること
ここで速さがすべて10の約数になっ
ている
のもポイント!(理由は(ry)
ボールの作成
• cppの各メソッドでかいていく
• 注意する点は速さを配列で表しているところ
• 初期位置の値はブロックや壁の内部以外なら
任意の値(10の倍数)をとって良い
ボールの作成
• 実行結果
ボールが出現!
画面内を動くように
しかし、そのまま画面外へ…
バーの作成
• hファイルで値の定義→
• cppファイルの各メソッドで記述していく
drawメソッドでのx座標の指定はマウスの位置が
バーの中心になるような計算をしている
• (また、mouseYは定義しているが今回は使用しない)
バーの作成
• 実行結果
バーの描写が完了
マウスの位置に反応して左右に動く
反射の実装(壁とバー)
• cppファイルのupdateメソッドに反射の処理を書いていく
• 壁の反射の値は作成したときの値を参考
• 壁はx軸方向への反射、バーではy軸方向への反射
反射の実装(ブロック)
• ブロックで反射し,同時にブロックが消える
処理を書いている
• 上底・下底ではy軸方向に反射し
側面ではx軸方向に反射する
• ここのif文が「==」で判定しているため
これまで様々な値を10の倍数・約数で表した
• 消える処理は当たったブロックの値をすべて0
にすることで表現している
• この処理をブロックの個数分かく
反射の実装
• 実行結果
これでブロック崩しは完成
ボールに当たったブロックが
消えるようになっていれば成功
ゲームクリア
• まず、ofImageでゲームクリアの
画像ファイルを定義する
• すべてのブロックを消したとき
=すべての値が0になるとき
画像を表示する
• 画像のx座標にsin関数を用いることで
画像を左右に動かすことができる
ゲームクリア
• 実行結果
ゲームクリアの画像がでてくる
また、同時にボールも消える

Mais conteúdo relacionado

Mais de Atelier Frameworks

unity sprite animation (ハルフル)
unity sprite animation (ハルフル)unity sprite animation (ハルフル)
unity sprite animation (ハルフル)Atelier Frameworks
 
unity 画像の移動 (ハルフル)
unity  画像の移動 (ハルフル)unity  画像の移動 (ハルフル)
unity 画像の移動 (ハルフル)Atelier Frameworks
 
カラフルゴーストバスターズ「kinectでのモーション検出」
カラフルゴーストバスターズ「kinectでのモーション検出」カラフルゴーストバスターズ「kinectでのモーション検出」
カラフルゴーストバスターズ「kinectでのモーション検出」Atelier Frameworks
 
カラフルゴーストバスターズ「得点の計算」
カラフルゴーストバスターズ「得点の計算」カラフルゴーストバスターズ「得点の計算」
カラフルゴーストバスターズ「得点の計算」Atelier Frameworks
 
カラフルゴーストバスターズの演出「ゴースト」
カラフルゴーストバスターズの演出「ゴースト」カラフルゴーストバスターズの演出「ゴースト」
カラフルゴーストバスターズの演出「ゴースト」Atelier Frameworks
 
カラフルゴーストバスターズの演出「バルーン」
カラフルゴーストバスターズの演出「バルーン」カラフルゴーストバスターズの演出「バルーン」
カラフルゴーストバスターズの演出「バルーン」Atelier Frameworks
 
海さんぽ演出「サメ」
海さんぽ演出「サメ」海さんぽ演出「サメ」
海さんぽ演出「サメ」Atelier Frameworks
 
海さんぽ演出「サカナが寄ってくる」
海さんぽ演出「サカナが寄ってくる」海さんぽ演出「サカナが寄ってくる」
海さんぽ演出「サカナが寄ってくる」Atelier Frameworks
 
海さんぽ演出「光道と動画再生」
海さんぽ演出「光道と動画再生」海さんぽ演出「光道と動画再生」
海さんぽ演出「光道と動画再生」Atelier Frameworks
 
海さんぽ演出「メッセージボトル」
海さんぽ演出「メッセージボトル」海さんぽ演出「メッセージボトル」
海さんぽ演出「メッセージボトル」Atelier Frameworks
 
海さんぽ演出「長靴」
海さんぽ演出「長靴」海さんぽ演出「長靴」
海さんぽ演出「長靴」Atelier Frameworks
 
海さんぽ演出「サーフィンとカメ」
海さんぽ演出「サーフィンとカメ」海さんぽ演出「サーフィンとカメ」
海さんぽ演出「サーフィンとカメ」Atelier Frameworks
 
個人制作「球をよけるゲーム」
個人制作「球をよけるゲーム」個人制作「球をよけるゲーム」
個人制作「球をよけるゲーム」Atelier Frameworks
 
個人制作「もぐらたたき」
個人制作「もぐらたたき」個人制作「もぐらたたき」
個人制作「もぐらたたき」Atelier Frameworks
 
ヒカリノアトリエ演出「アバターと手から粒子」
ヒカリノアトリエ演出「アバターと手から粒子」ヒカリノアトリエ演出「アバターと手から粒子」
ヒカリノアトリエ演出「アバターと手から粒子」Atelier Frameworks
 

Mais de Atelier Frameworks (20)

unityでNuitrackを使う 
unityでNuitrackを使う unityでNuitrackを使う 
unityでNuitrackを使う 
 
unity sprite animation (ハルフル)
unity sprite animation (ハルフル)unity sprite animation (ハルフル)
unity sprite animation (ハルフル)
 
unity 画像の移動 (ハルフル)
unity  画像の移動 (ハルフル)unity  画像の移動 (ハルフル)
unity 画像の移動 (ハルフル)
 
カラフルゴーストバスターズ「kinectでのモーション検出」
カラフルゴーストバスターズ「kinectでのモーション検出」カラフルゴーストバスターズ「kinectでのモーション検出」
カラフルゴーストバスターズ「kinectでのモーション検出」
 
カラフルゴーストバスターズ「得点の計算」
カラフルゴーストバスターズ「得点の計算」カラフルゴーストバスターズ「得点の計算」
カラフルゴーストバスターズ「得点の計算」
 
カラフルゴーストバスターズの演出「ゴースト」
カラフルゴーストバスターズの演出「ゴースト」カラフルゴーストバスターズの演出「ゴースト」
カラフルゴーストバスターズの演出「ゴースト」
 
カラフルゴーストバスターズの演出「バルーン」
カラフルゴーストバスターズの演出「バルーン」カラフルゴーストバスターズの演出「バルーン」
カラフルゴーストバスターズの演出「バルーン」
 
海さんぽ演出「波」
海さんぽ演出「波」海さんぽ演出「波」
海さんぽ演出「波」
 
海さんぽ演出「サメ」
海さんぽ演出「サメ」海さんぽ演出「サメ」
海さんぽ演出「サメ」
 
海さんぽ演出「サカナが寄ってくる」
海さんぽ演出「サカナが寄ってくる」海さんぽ演出「サカナが寄ってくる」
海さんぽ演出「サカナが寄ってくる」
 
海さんぽ演出「光道と動画再生」
海さんぽ演出「光道と動画再生」海さんぽ演出「光道と動画再生」
海さんぽ演出「光道と動画再生」
 
海さんぽ演出「メッセージボトル」
海さんぽ演出「メッセージボトル」海さんぽ演出「メッセージボトル」
海さんぽ演出「メッセージボトル」
 
海さんぽ演出「長靴」
海さんぽ演出「長靴」海さんぽ演出「長靴」
海さんぽ演出「長靴」
 
海さんぽ演出「氷」
海さんぽ演出「氷」海さんぽ演出「氷」
海さんぽ演出「氷」
 
海さんぽ演出「サーフィンとカメ」
海さんぽ演出「サーフィンとカメ」海さんぽ演出「サーフィンとカメ」
海さんぽ演出「サーフィンとカメ」
 
個人制作「球をよけるゲーム」
個人制作「球をよけるゲーム」個人制作「球をよけるゲーム」
個人制作「球をよけるゲーム」
 
Find the ball
Find the ballFind the ball
Find the ball
 
えさやり
えさやりえさやり
えさやり
 
個人制作「もぐらたたき」
個人制作「もぐらたたき」個人制作「もぐらたたき」
個人制作「もぐらたたき」
 
ヒカリノアトリエ演出「アバターと手から粒子」
ヒカリノアトリエ演出「アバターと手から粒子」ヒカリノアトリエ演出「アバターと手から粒子」
ヒカリノアトリエ演出「アバターと手から粒子」
 

アトリエフレームワークス 個人制作資料 ブロック崩し