ジオメトリーダッシュの作り方② スパイク(トゲトゲ)

ジオメトリーダッシュの作り方② スパイク(トゲトゲ)
グリフパッチ(動画)
ok-scratch(解説)

和訳解説は動画作者のグリフパッチさんご本人から許可をいただいて掲載しております。
チャンネルはYOUTUBE ( by griffpatch )からどうぞ。

冒険に危険はつきもの。僕らのジオメトリーダッシュにも危ないトゲトゲを置いちゃおうぜ!
スターター
プロジェクト
リミックス用プロジェクトへ
難しさ

任意)自分の作業中のスクラッチ作品URLを記録しておこう!再開するときに便利だよ。

LOADING...

※ この記録は今使ってるPCに保存されます。別のPCで作業するときは表示されません。

スクラッチに挑戦している皆さん、どうも!スクラッチコーチです。

平らな景色が続くだけのジオメトリーダッシュじゃ、ハートに火がつかないよね!

じゃあアイツを置きましょう、アイツ。そう、三角形の憎いやつ、トゲトゲ(スパイク)だ!

今回のゴール

トゲトゲを置いて、コースをもっと長くしていこう!疾走感が出てくるぞ!

  • スパイクの設置
  • コース種類の追加
  • ゲームオーバーの実装

トゲトゲ(スパイク)を作る

前回ラクガキした四角形を変形させてトゲトゲスパイクにしちゃおう。描いてない人は四角形を適当な大きさで作ってね。

黒い三角形を作る

塗りつぶし色は黒にしよう。明るさをゼロにすれば黒になるよ。

形を変えるツールに持ち替える。

四角形の、どこかの頂点を選択して削除しよう。

これで三角形はできる。

選択ツールに持ち替えよう。

三角形を選択して、なんとなく正三角形に近くなるように整形する。

まぁ正確じゃなくていいよ。いろんな形のスパイクがある方が楽しいまであるし。

スパイク用の枠線を設定する

ここ重要だよ。枠線の色を白ではなく、白っぽい色にしておこう。太さは4だ。

ここでは以下のような色にした。

  • 色15
  • 鮮やかさ15
  • 明るさ100

地面に設置しよう。ピッタリ地面に合わせなくても、見た目が自然ならOK!

プレビューを確認する

こんな↓

うんうん、いいね!枠線もぱっと目は白にしか見えない。

ゲームオーバー処理(仮)を作る

スパイクに当たったらゲームオーバーになる処理を先に整えておくよ。

プレイヤーを開こう。

スパイクの枠線の色に触れたらゲームオーバー

スパイク用の枠線の色に触れるまで待つ処理を作る。

色に触れたら全てを止めよう。

ゲームオーバーをテストする

うん、とりあえず仮のゲームオーバーとしては十分だ。こうやって少しずつ洗練させていき、やがて高品質なゲームにレベルアップさせていこう!

リファクタリングしとく

コーディングをきれいにする、リファクタリングという作業をしておく。

変数「★スクロールスピード」を作る

すべてのスプライト用の変数と分かるように、頭に星をつけておくと便利。

ok-scratch ok-scratch

接頭語で変数やブロック定義などの種類をパッと見で分かるようにする方法は、コーディング規約としてまとめてあるよ。興味がある人はチェックしてね。

値は-10にする。

スプライト「コース」にも変数を使う

ゲームオーバーを改良する

プレイヤーに戻ろう。

今はすべてを止めているから、ゲームオーバーになると音も消えるしコースも消える。ちょっと愛想のないゲームオーバーだから、少し改良する。

すべてを止めるのではなく、スプライトの他のスクリプトを止めるようにしよう。

スライドする演出を作る

その後少しだけスライドするような演出を作ってみてはどうかな?

スクロールスピードを1ずつ変える処理を、10回繰り返す。

座標を整えよう。

衝突音をつける

ゲームオーバーをテストする

↑ここでは音は出ないけど、ばっちり鳴ってた!スライドも最高。

コースを増やそう

長いコースを作るための下準備を進めるぞ。

スプライト「コース」を開く。

複製して1.3を作ろう。

スパイクを1つ増やしてみようか。

さらに複製して、1.4も作る。

もう一つスパイク追加!スパイクマシマシやで!!

コスチュームを2回変えることで、コースをいくつ用意しても無限に続くようになるぞ!!

コースが続くかテストする

よーーし!ジオメトリーなダッシュができてきたぞぉ!

まとめ

無事にデンジャラスなコースを作ることができた。

とはいえまだまだ開発は始まったばかり!飛ばしていくぜ!!

  • チュートリアルの続きが読みたい人へのお願い チュートリアルの続きが読みたい人へのお願い

    このチュートリアルの続きを読みたい人は 見本の作品のハートをクリックして 教えてね!もし要望がそこそこあれば続きも執筆します。みんなの読みたいチュートリアルに力を入れたいのでアンケートみたいなもんです(^o^) よろしく!

どちらにせよあと2記事は書く予定だよー。

グリフパッチさんのジオメトリーダッシュはこちら

完成サンプルがあるよ
おつかれさま!今回のチュートリアルには完成サンプルがあるから、作ってて分からなくなったり、 動作確認をしたいときはチェックしてみてね。
このスクラッチゲームの作り方への質問もOK このスクラッチゲームの作り方への質問もOK
このスクラッチゲームの作り方に挑戦していて分からないことが発生したら質問してみてね。気づいたタイミングで回答するよ。 質問は 僕のスクラッチのプロフィール で受け付けているよ。

質問テンプレート(素早く3回クリックすると全選択できるのでコピーしよう)

・◯◯ ... 記事のどこまで実装が終わったのかを記入しよう。
・□□ ... どんな問題が起きているのか、どういうときに起きるのか、具体的に書こう。
・共有済みURL ... たまに共有してない作品URLを書いてる人がいるけど、共有しないとこちらから確認できないからよろしくね。
ブクマよろしくお願いします! ブクマよろしくお願いします!
どんどん追記・更新していくので、ブックマークやシェアよろしくお願いします!

スクラッチゲーム攻略

スクラッチゲーム

    • 厳選されたスクラッチ人気作品リストがレビュー付きで楽しめます
      趣味に関するスクラッチ作品例
      勉強になるスクラッチ作品