作品紹介

具体的なストーリーやキャラクターは作成していませんが、3DのTPS視点のメインゲームを作成しました。魔法系という簡単なコンセプトでつくりました。 TPSのゲームは一般的に右手はボタン操作による行動が多いですが、フリック操作にすることで操作性と視認性を向上させ、使いやすくしました。 また、既存のゲームエンジンを使わずにHTMLとCSS,Javascript(3D描画用のThree.js)を使って作成しました。 特にUIにこだわりました。 ●敵の行動 敵は①円形の広範囲攻撃、②四角形の敵の正面の攻撃、③playerの位置の少し前に発生する攻撃、④playerの位置に発生する攻撃、の4種類があります。5種類目の必殺技も作成予定です。それぞれ発生する割合や威力が異なります。 ●フリックによる行動 playerは画面右のボタンを4方向にフリックすることで4種類の技が使え、行動数が増加します。 ・上フリック(青)で通常攻撃（遠距離攻撃）ができ、SPが1溜まります。通常攻撃以外の技はSPを1消費し、無いと発動できません。SPは画面左に白い丸で表示されます。SPは単に変数にしても良かったのですが、視認性を上げるために配列で管理しています。 ・左フリック(黄)で高威力の範囲攻撃（円形）ができます（当たり判定未実装）。 ・右フリック(赤)で敵に停止するデバフ効果を与えます（未実装）。 ・下フリック(緑)でHPを回復し、自身に与ダメージを増加させるバフを付与します。バフは行動数3回分のみ効果を発動します。 フリックのデザインはFigmaで自作し、PNGとして表示しています。CSSで簡単なアニメーションもつけました。 ●バフ表示 左上のHP下に四角が3つあります。これはバフの有無を表します。青色はバフが付与下行動、灰色はバフの付与がない行動を表しています。行動するごとに更新されていきます。青色が複数ある場合はバフの効果が重複します。バフの効果は行動数3回分です。配列を使って管理しています。 ●HPバー HPの割合に応じて緑、黄、赤に変化するようになっています。