3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【Game a Week】5週間目

Last updated at Posted at 2018-09-08

Game A Week

  1. 一週間(月曜日から日曜日)に一本ゲームをリリースする。
  2. 日曜日(まで)に制作したゲームを何らかの手段で公開する。
  3. 制作したゲームはGame A Weekが終わるまで改変しては行けない。

前置き

先週の作品:【Game a Week】4週間目

今回作ったゲーム

今回はフレンドに「次週enchant.jsやってみてよ」とDiscordで言われたので、いい機会なのでenchnat.jsを使ってゲームを作りました。

enchant.jsは初見なので簡単な「クリッカーゲーム」を作ってみました。

使った技術

名前 説明
enchant.js HTML5のCanvasを使ったゲームやアプリを開発するためのフレームワーク。
LaravelMix Webpackのラッパー。

ゲームの詳細

名前は「ねこかんクリッカー」。
こちらから遊べるので是非遊んでみてください。

ページを開くと以下のようにゲームが始まります。
スクリーンショット 2018-09-08 21.26.35.png
画面中央の猫缶をクリックすると猫缶が増えます。
スクリーンショット 2018-09-08 21.49.21.png
「猫缶を「xx」個あげますか?」というボタンを押すと、猫缶を消費して猫のレベルを上げられます。

猫はレベルが上がると自動で猫缶を増やしてくれます。

ちなみにこのゲームには終わりがありません。

5週間目の感想

enchant.jsの感想としては少し使いづらかったですね。
理由としては

  1. enchant.js自体がES6に対応していない
  2. 「シーンを作ってスプライトを生成してシーンに追加する」という流れがめんどくさく感じた。
  3. 円や矩形などの基本的な図形の描画機能がない

あくまで僕が感じたものなので、もしかしたら解決策があるかもしれません。
解決策を知っている方はコメントで教えていただければ幸いです。

「ソースコード見たいよー」という方はGithubのリポジトリーがあるのでぜひ見てみてください。
https://github.com/hota1024/nekokan-clicker

最後に

ここまで読んでいただきありがとうございます。
良ければアドバイスや質問よろしくおねがいします。

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?