Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ブラウザで遊ぶ 自作シューティングゲームの紹介

ブラウザで遊ぶ 自作シューティングゲームの紹介

Takahashi Masaya

December 20, 2023
Tweet

More Decks by Takahashi Masaya

Other Decks in Programming

Transcript

  1. 動作確認 # Device Release CPU OS Version 1 iPhone 14Pro

    Max 2022 A16 Bionic 17.1 2 iPhone 14 Plus 2022 A15 Bionic 17.1 3 iPad Pro(2022) 2022 Apple M2 17.1 4 iPad Air 4 2020 A14 Bionic 17.1 5 iPad mini 6 2021 A15 Bionic 17.1 Reference • iPhone:https://ja.wikipedia.org/wiki/IPhone • iPad:https://ja.wikipedia.org/wiki/IPad
  2. 動作確認 iPhone + RAZER KISHI V2 FOR IPHONE iPad +

    Xbox Elite ワイ ヤレス コントローラー シリーズ 2 Windows PC + 8Bitdo Bluetooth アーケード スティック
  3. 開発ヒストリー 2017 2018 2019 2020 2021 2022 2023 4 12

    ゲームを 作りたい React TypeScriptを 学習したい 1 ?
  4. 開発環境 # パッケージ バージョン 1 Vite 5.0.4 webpackからの移⾏ 2 Vitest

    0.34.6 単体テスト 3 TypeScript 5.3.2 4 Biome 1.4.1 lintチェック、コードフィックス(.ts) 5 stylelint 15.11.0 lintチェック、コードフィックス(.scss) ※2023/12/1時点
  5. →キャラクター配置をjsonで更新するのは⾯倒・・・。 →UIでステージを編集したい 実装経緯 [{ "recoveryPositionX": [1600, 4100, 6250], .... "map":

    [ "00B00000000A00000000B00000000A……00000B00", "000000000000000000000000000000……00000000", "000000m00G000000000L00m00G0000……0j0L0000", "000000000000000000000000000000……00000000", "000000000000000000000000000000……00000000", "000000000000000000000000000000……00000000", "000000000000000c0000000000c000……00000000", …… "000000000000000000000000000000……00000000" ], .... }], ステージにあるキャラクターを 文字列ビットとして配置
  6. 開発環境 # パッケージ バージョン 1 Nuxt 3.8.2 2 Vitest 0.34.6

    コンポーネント、storeテスト確認 3 eslint 8.55.0 lintチェック、コードフィックス(.ts, .vue) 4 prettier 3.1.0 コードフォーマット、コードフィックス (.scss, .json, .yml, md) 5 stylelint 15.11.0 lintチェック、コードフィックス(.vue .scss) ※2023/12/1時点
  7. 開発ヒストリー 2017 2018 2019 2020 2021 2022 2023 ステージ編集 ツール

    9 8 start ? ステージ編集が 欲しい Vueを 学習したい Nuxtを 学習したい 12 ブラウザ ゲーム 4 12 start ゲームを 作りたい React TypeScriptを 学習したい 1 ? ? ?
  8. GAME EDIT update score ranking 概要 update stage(s) authentication fetch

    stages stages score ranking stages score ranking stages score ranking