2026春休み開発日記(3)

https://pg.pasocafe.jp/WebGL/TypingProject/

2月25日(水)

やること

  • 画面解像度の置き換え
    • ガチャ画面
    • デッキ編成画面
    • ステージセレクト画面
  • デッキ編成画面にスクロールバーがないことの調査
  • ガチャカードの解像度を確認して、Unity上で適切なサイズに設定する

解像度について

  • 想定ユーザー画面解像度:WXGA(1366×768)、
  • ワールドスペース:640×352 → 2倍に引き伸ばし(1280×704)
  • UI:640×352:1280×704

2月26日(木)

画面解像度の置き換えついでに、デッキ編成画面もリニューアルした。解像度を変更した途端、UIがグチャグチャになって萎えたけど、落ち着いて、数値を計算して組み直したらキレイに出来上がりました。折れない心と冷静な心は大切。

2月27日(金)

2月28日(土)

3月1日(日)

3月2日(月)

週末何してたんだ??

  • StageSceneの作り込み
    • サンプルデータの作成
      • ノーマルステージ用(マリオブロック・マリオ背景)

3月5日(木)

ちゃんと開発してたんだぜ?ちょっとずつ…

3月6日(金)

うぇええええ

3月7日(土)

なんとか踏ん張れ!

やろうと思うこと

  • タイピングマネージャーの強化
    • コンボ表示
    • バックスペース回数表示
    • 残り時間などの表示位置を分かりやすく
  • 城のHP表示の位置変更(地面へ)
  • キャラセレクトの位置を自動で塔のてっぺんに設定する
  • 出陣時の音をテンション上がるものへ変更

3月8日(日)

災害対策用に太陽光パネルを購入した。ポータブルバッテリーに充電をしてみたところ100Wを超える充電が出来た!(最大160W)

タイピングマネージャーの強化ということで、コンボ数やバックスペース回数、表示位置の調整など行った。

3月9日(月)

次の2つを対応する

  • 城のHP表示の位置変更(地面へ)
  • キャラセレクトの位置を自動で塔のてっぺんに設定する

城のHPを地面に移動したけど、ちょっと見づらいね。数値で表示するのではなくバーで表示するのも手かもね。

3月10日(火)

ということで、バーで表示してみた。ただの白い棒なのでクソダサいけど、昔の格闘ゲームのような感じで、こちらのほうが見やすいかも。あと、城の下に数値で表示すると視線が画面全体に散らばってしまうので、ステータス絡みは画面上部にまとめ、数値より、バーなどのパット見でなんとなく理解できるUIの方が良いのだと思った。あとは、このバーの周りのフレームなどを描いてカッコよくする!の前に誰かに試してもらって意見をもらったほうが良いか。

3月11日(水)

UIを作り込んだ。ちょっとしたけど、ちゃんとしたゲームっぽくなってくるのが嬉しい。

新しい打鍵音を探す。

https://seadenden-8bit.com/famiconeffects/attack_sound.html

3月12日(木)

毎パソ用のTMPを作ったら120MBにも膨れ上がってしまったため、シェイプアップすることにした。

ボツ案

教育漢字だと穴だらけになった…

基本方針
├ メイン
│  ├ ASCII
│  ├ ひらがな
│  ├ カタカナ
│  ├ 基本記号
│  └ 教育漢字(1026字)
└ 追加
   ├ 必要な漢字を都度追加
   └ 最後の保険として Dynamic fallback

教育漢字

一右雨円王音下火花貝学気九休玉金空月犬見五口校左三山子四糸字耳七車手十出女小上森人水正生青夕石赤千川先早草足村大男竹中虫町天田土二日入年白八百文木本名目立力林六
引羽雲園遠何科夏家歌画回会海絵外角楽活間丸岩顔汽記帰弓牛魚京強教近兄形計元言原戸古午後語工公広交光考行高黄合谷国黒今才細作算止市矢姉思紙寺自時室社弱首秋週春書少場色食心新親図数西声星晴切雪船線前組走多太体台地池知茶昼長鳥朝直通弟店点電刀冬当東答頭同道読内南肉馬売買麦半番父風分聞米歩母方北毎妹万明鳴毛門夜野友用曜来里理話
悪安暗医委意育員院飲運泳駅央横屋温化荷界開階寒感漢館岸起期客究急級宮球去橋業曲局銀区苦具君係軽血決研県庫湖向幸港号根祭皿仕死使始指歯詩次事持式実写者主守取酒受州拾終習集住重宿所暑助昭消商章勝乗植申身神真深進世整昔全相送想息速族他打対待代第題炭短談着注柱丁帳調追定庭笛鉄転都度投豆島湯登等動童農波配倍箱畑発反坂板皮悲美鼻筆氷表秒病品負部服福物平返勉放味命面問役薬由油有遊予羊洋葉陽様落流旅両緑礼列練路和
愛案以衣位囲胃印英栄塩億加果貨課芽改械害街各覚完官管関観願希季紀喜旗器機議求泣救給挙漁共協鏡競極訓軍郡径型景芸欠結建健験固功好候航康告差菜最材昨札刷殺察参産散残士氏史司試児治辞失借種周祝順初松笑唱焼象照賞臣信成省清静席積折節説浅戦選然争倉巣束側続卒孫帯隊達単置仲貯兆腸低底停的典伝徒努灯堂働特得毒熱念敗梅博飯飛費必票標不夫付府副粉兵別辺変便包法望牧末満未脈民無約勇要養浴利陸良料量輪類令冷例歴連老労録
圧移因永営衛易益液演応往桜恩可仮価河過賀快解格確額刊幹慣眼基寄規技義逆久旧居許境均禁句群経潔件券険検限現減故個護効厚耕鉱構興講混査再災妻採際在財罪雑酸賛支志枝師資飼示似識質舎謝授修述術準序招承証条状常情織職制性政勢精製税責績接設舌絶銭祖素総造像増則測属率損退貸態団断築張提程適敵統銅導徳独任燃能破犯判版比肥非備俵評貧布婦富武復複仏編弁保墓報豊防貿暴務夢迷綿輸余預容略留領
異遺域宇映延沿我灰拡革閣割株干巻看簡危机揮貴疑吸供胸郷勤筋系敬警劇激穴絹権憲源厳己呼誤后孝皇紅降鋼刻穀骨困砂座済裁策冊蚕至私姿視詞誌磁射捨尺若樹収宗就衆従縦縮熟純処署諸除将傷障城蒸針仁垂推寸盛聖誠宣専泉洗染善奏窓創装層操蔵臓存尊宅担探誕段暖値宙忠著庁頂潮賃痛展討党糖届難乳認納脳派拝背肺俳班晩否批秘腹奮並陛閉片補暮宝訪亡忘棒枚幕密盟模訳郵優幼欲翌乱卵覧裏律臨朗論

ひらがなや英字・記号など

!"#$%&'()*+,-./0123456789:;<=>?ABCDEFGHIJKLMNOPQRSTUVWXYZ@[]^_`abcdefghijklmnopqrstuvwxyz{|}~ abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890〜¡¢£¤¥¦§¨©ª«¬ ®¯°±²³´µ¶·¸¹º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖרÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ‒–—―‖‗‘’‚‛“”„‟†‡•… ‰′″‴‹›‼‾⁄⁞€™□ 、。,.・:;?!゛゜´`¨^ ̄_ヽヾゝゞ〃仝々〆〇ー―‐/◆□■△▲▽▼※〒→←↑↓〓∈∋⊆⊇⊂⊃アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンァィゥェォッャュョーガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポヴぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞたァアィイゥウェエォオカガキギクグケゲコゴサザシジスズセゼソゾタΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩАБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭ─│┌┐┘└├┬┤┴┼━┃┏┓┛┗┣┳┫┻╋┠┯┨┷┿┝┰┥┸\~∥|…‥‘’“”()〔〕[]{}〈〉《》「」『』【】+-±×∪∩∧∨¬⇒⇔∀∃∠⊥⌒∂ABCDEFGHIJKLMNOPQRSTUVWXYZだちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみダチヂッツヅテデトドナニヌネノハバパヒビピフブプヘベペホボポマミαβγδεζηθικλμνξοπρστυφχψωЮЯабвгдеёжзийклмн╂÷=≠<>≦≧∞∴♂♀°′″℃¥$¢£%#&*@§☆★○●◎◇∇≡≒≪≫√∽∝∵∫∬ʼn♯♭♪†‡¶abcdefghijklmnopqrstuvwxyzむめもゃやゅゆょよらりるれろゎわゐゑをんムメモャヤュユョヨラリルレロヮワヰヱヲンヴヵヶопрстуфхцчшщъыьэю♡♪

参考:https://qiita.com/isa130pull/items/07146981d705d9ec7407

採用案

教育漢字より広い文字コードとなると、第1水準と第2水準を含むものとなり、下記のリポジトリのものが参考になる。

https://gist.githubusercontent.com/kgsi/ed2f1c5696a2211c1fd1e1e198c96ee4/raw/118bb818cffe159eb4e906f82980465cd0b0021e/japanese_full.txt

実際NotoSansで作ってみたが、20MB程度に収めることが出来た。設定としてはAtlasResolutionを2048×4096にしたところがポイントだろうか。FontAssetCreatorはUnityEditorのメニュー Windows > TextMeshPro > Font Asset Creator で呼び出せる。

3月13日(金)

やること

  • 毎パソ方式のTypingManagerの実装
  • 出陣方法の変更:キャラごとのコレクト数で出陣

どちらも、大規模な変更だ。頑張ろう!

3月14日(土)

毎パソ方式の実装したよ。

バグを直したよ。

3月15日(日)

禁断のステータス追加。大げさに言ったものの、意外とスムーズに追加できた。追加したステータスはUnit用で、毎パソ方式でUnitが自動で召喚されるようにするためのステータス。

  • CooltimeSeconds
  • Cost

今までのDTDは単語を打ち切るとUnitが召喚されたが、単語の文字数のバラツキや、Unitの強さと単語の文字数の妥当性がなかったために、別の召喚ルールを検討している。

3月16日(月)

ステージや問題の難易度を調整するための、タイピング自動入力機能を追加。

標準と毎パソの2方式が出来てきたので、問題も少し充実させていこう。

  • ホームポジション基礎…毎パソの見た目だけど、中段、下段、上段、全段
  • ローマ字
  • 英文A
  • 和文A(小学生低・中学年)
  • 和文A(小学生高学年)
  • 和文A(中学生)
  • 和文B(高校生)

サンプル問題を充実して実験していて気づいたのだが、ステージデータもしっかりと作り込まないとちゃんとした動作確認が出来ない。

ということで、背景作成、ステージデータ作成を行おう!とりあえず、ケフカステージを作ってみよう!

  • ケフカステージの画像作成
  • ステージデータ作成(既存のロックマン2種、ケフカ)

あと、日本語入力(IME)が動かずに英数字しか入力できないバグがあるんだよ!

次のコンポーネントで解決できると良いな…明日試してみよう。
https://github.com/kou-yeung/WebGLInput

3月17日(火)

昨日のコンポーネントを入れたら…動いたんだよ!IMEが!作者の方、ありがとう。

コメントする