9
4

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 3 years have passed since last update.

グリードアイランドのスペルバトルをするアプリを作ってみた

Last updated at Posted at 2019-10-10

※あくまで個人での製作途中のものです

  • 漫画『HUNTER×HUNTER』に出てくる「グリードアイランド」(冨樫義博考案)。
    あれをそのまま位置ゲーやら流行りのAR・VRゲームにしたかったが、自分の技術的に無理すぎてとりあえずスペルカード(呪文)だけを作って見事にクソアプリ化したので報告します。

だいたいのUI

ui.gif

スペル:強奪でSSランクのカードを奪う。

rob.gif

スペル:反射で相手の攻撃を跳ね返す

hansya.gif

♡技術要素♤

サーバーサイド(API):Node.js(Typescript)
フロントエンド(主にUI):Angular(をIonicフレームワークで使う)
Ionicはクロスプラットフォームでwebだけでなく、iOS/Android,Electronのアプリとしてもビルドできるようなので選びました。

スペルバトルはどうしてもリアルタイム感を出したかったので一部websocketを使ったインタラクティブになっております。(たぶん)

♤機能♡(メモリの無駄づかい)

  • ユーザー作成(Firebase Authentication)
  • 新規登録時にスペルカード・アイテムカードを自動付与
  • スペルバトル(実装済みカードは数種類)
  • チャット
  • 戦闘履歴確認画面

†つけたい機能†(暗黒大陸編)

  • すれちがい通信的な位置情報マッチング
  • 探索・ショップ
  • ポケモンGO的なマップ移動と探索
9
4
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
9
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?