Code Monkey home page Code Monkey logo

hokuma_friends_client's Introduction

hokuma_friends_client's People

Contributors

tetsufe avatar

Stargazers

 avatar  avatar

Watchers

 avatar

hokuma_friends_client's Issues

マスタデータのデータ構造の決定

why

  • マスタデータとそれ以外のデータをそろそろ決定したい
  • 直近では、シナリオ一覧とクエスト一覧、ガチャ一覧のマスタデータが必要になっている

what

  • シナリオ一覧
  • クエスト一覧
  • ガチャ一覧

ガチャの演出

Idea

  • 画像をそのまま表示するとダサすぎるはずなので、何か背景を表示しつつ、その上にガチャキャラクターを表示するようにしたい
  • 企業レベルの演出はもちろんできないので、デフォルメして簡略化する

認証方法の再考

why

  • 最近のソシャゲでは、パスワードレスな認証方法を使うアプリが基本
    • プリコネ、FGO、などなど

what

ストーリーシーンver1 ノベルシーンの作成

why

  • まずはプリコネ風UIのノベルシーンを作る
  • 最低限の機能に絞る

what

  • ストーリーリストシーン
    • メニューに戻るボタン
    • ストーリー一覧(押すとストーリーシーンに遷移)
  • ストーリーシーン
    • キャラ名
    • キャラの立ち絵
    • 背景
    • テキスト
    • タップでテキストが進む
    • 全部読んだらストーリーリストシーンに飛ぶ

ログインチェックのちゃんとした実装

why

  • 現状ログインしているかチェックせずにログイン済みの体で処理をしている
    • 実際トークンが向こうでログインできなかったときのことが考慮されていない

what

  • ログイントークンが有効かチェックして、有効でなければログインページに飛ばすようにする

クエストシーン

why

  • プリコネクローンなので必須

what

  • クエスト選択
  • キャラ選択
  • クエストバトル
  • リザルト

まずはクエストバトル、リザルトのみ実装する。バックエンドはリザルトのみ受け取れるようにする

ストーリーシーンver2 データダウンロード機能

why

  • ポートフォリオとしてなので、バックエンドの機能を優先して作る(クライアントサイドをリッチにしてもアピールにならないため)
    • ダウンロード機能くらいしかない

what

  • 読むストーリーを適宜ダウンロードするようにする
    • ダウンロード進行状況(%)を画面に表示
    • 次回起動時に削除

トップページ実装

why

  • ホーム画面があるゲームが多い
    • ユーザの特定、データロードをする役割があるため?メニュー画面から
    • メニュー画面への遷移

what

  • 「タップしてください」の文字
  • 全画面にタップ判定
    • タップするとjwtを用いてユーザ情報を取得
    • 失敗したら「ログインしてください」とダイアログを出す
      • もちろんログイン画面に遷移

クエストバトルver.3 攻撃モーションをつける

why

  • バトル中に何が起こっているかわかりにくい
    • hpが減っていることしかわからない
    • どの攻撃でhpが減ったかわからない
      • どの攻撃が強いかわからないー>熱くなれるポイントがない

what

  • 攻撃モーションをつけて、どのキャラがどんな攻撃をしているかわかるようにする

ストーリーシーン

why

クエストをクリアするとストーリーを見れるようにしたい

what

ガチャやクエストと同じようにストーリー一覧とストーリーシーンを作る

ガチャページ作成

  • ガチャ一覧ページ
    • プラチナガチャ
      • 1回引く
  • ガチャページ
    • ガチャ演出
    • もう一度引く
    • キャンセル

参考

プリコネR

クエストバトルver1

what

  • 最初は一対一のバトルを実装する
  • UIは味方左側、敵右側など基本的にプリコネ を真似する
  • 味方ー>敵の順番に行動する
  • ダメージは1ずつ与えることにする
  • HPはお互い仮に2とする。相手のHPが0になったら勝利
  • 勝利もしくは敗北したら終了

本プロジェクトの目的

  • 就職活動向けポートフォリオ
  • Unityの基本・Laravelの基本を覚える
  • サーバーサイド・インフラの知識を深める
    • AWS(特にサーバーレス・フルマネージド系技術)

ログイン画面から始まるようにする

why

  • 現状ログイン画面から始まるようにした方がログインがすぐできて便利&他の画面に影響を与えずコードをシンプルに保てる

what

  • ログイン画面から始まるようにビルド設定を変更
  • ログイン後、タイトルページに遷移するようにする

クエストバトルver2 複数キャラ同士でのバトル

why

  • プリコネクローンと呼べるようにするために、まずはキャラの組み合わせが可能なようにクエストバトルを作り変える

what

複数キャラ同士でのバトル

  • 2vs2のバトルとする
  • 個別攻撃
    • 基本は最前方のキャラに攻撃
  • 全体攻撃
    • 2体ともに攻撃
  • 自分or相手のキャラ2体とものHPが0になるまで戦う

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.