Game A Week
- 一週間（月曜日から日曜日）に一本ゲームをリリースする。
- 日曜日（まで）に制作したゲームを何らかの手段で公開する。
- 制作したゲームはGame A Weekが終わるまで改変しては行けない。
前置き
先週の作品：【Game a Week】5週間目
今回作ったゲーム
みなさんはHour of Codeをご存知ですか？
パズル感覚でプログラミングを体験できるサイトです。
今回はscratch-blocksというものを使ってHour of Codeっぽいゲームを作ってみました。
使った技術
| 名前 | 説明 |
|---|---|
| scratch-blocks | Scratch3.0のブロックを描画したり、ドラッグアンドドッロップするためのライブラリ。 |
| LaravelMix | 前回もお世話になったWebpackのラッパー。 |
ゲームの詳細
名前は「coding-it」。
こちらから遊べるので是非遊んでみてください。
開くとこんなかんじの画面が出てきます。
画面を大きく分けるとこのようなかんじです。
- ブロックパレット
- ワークスペース
- ステージ
- ステージ情報
- 実行、リセット、次へボタン
ステージエリアは
このように猫と「G」と書かれた黄色いゴールのマスがあります。
この猫をゴールのマスへ行かせるとクリアです。
ブロックは
このように6種類あります。
詳しい情報は「ステージ情報」のヒントに書いてあります。
ステージを進めていくと「繰り返し」や「壁」や「溶岩」や「スイッチ」といった要素がでてきます。
ステージは全8ステージあります。
6週間目の感想
今週はアイディアを考えるのに2,3日つかってしまったので、製作期間が短くなってしまいました。
一番詰まったのはscratch-blocksにコード生成機能がなかったこどです。
今回はscratch-blocksをJavaScriptに変換するプログラムを自作しました。
そのためブロックを組む順番でエラーが出てしまったり致命的なバグが多々あります。
以下は繰り返しのコードを生成するプログラムです。
ソースコードはGithubで公開しているのでよければ見てください。
https://github.com/hota1024/coding-it
最後に
ここまで読んでいただきありがとうございます。
良ければアドバイスや質問よろしくおねがいします。