実装したいWebアプリ

ブラウザで動くシュミレーションゲームっぽいものを作りたいと思っています。
ざっくりとした例えとして「Plague Inc. -伝染病株式会社」のようなゲームを簡易的にブラウザ上で動かしたいと考えてます。
3D処理などは全く考えておらず、2Dで動かしたいと考えてます。

###悩んでいる事
HTMLのフォームから登録したデーターを出力するゲーム部分の実装に悩んでいます。
データーのやり取りと出力するゲーム部分、グラフィックや内部処理をどの言語でどのモジュールや、ライブラリを使ったらいいかわからないのでアドバイス等頂けるとうれしいです。

自分で調べてみても情報量が多く、最適なものを見つけることが出来ませんでした。また周りにも相談する相手がおらず、こちらに質問させていただきました。

※追記
考えが甘いとご指摘いただいたので追記します。
自分の調べた内容はunityやWebGL,Javascriptなどで作ることができるのはわかりました。
ピンポイントで知りたい情報を。。。というのも確かに虫が良すぎました。質問した内容があまり良くなかったのは申し訳ありません。
PHP等でDBへの接続がunityでできるのか...Javascriptでどういったモジュールやライブラリ、プラグインがあるのか情報が大量にあるネットの海でさまよい続けここへ行きつきました。
もう疲れたよパトラッシュ…と思ったらパトラッシュにも見限られそうな勢いの質問してまじですまん。

###自分の使える言語
・HTML/CSS
・PHP
・Python
・Javascript(基礎勉強中)

###考えているwebアプリの流れ
HTMLのフォームから入力した値をDBに登録して、登録した内容によってテキストが追加されたり変化するようなWebアプリを作りたいと思っています。
テキストの出力はゲーム上で行いたいと思っています。
ゲームのグラフィック部分なんですが、ちょっと前まではFlash等を利用していたとは思うんですが、その部分を今作ろうとすると何で組んだらいいかわかりません。
ゲームのグラフィック部分はちょっとリッチな動的な動きや表現をしたいと考えています。

###なんで作りたいのか
自分の趣味と勉強のために頑張って作りたいと考えています。
まだまだ初心者なのでものを作りたいという考えから実装までのステップアップのためにやろうと思っています。
くじけそうになっても完走したいです！！
様々なアドバイスを頂けるととっても嬉しいです。よろしくお願いします！！

###苦手な事
htmlとcssでゴリゴリの操作は苦手です....。

m.ts10806

2021/12/06 11:46

＞自分で調べてみても情報量が多く何をどう調べたか知らないですが、そんなピンポイントで自分だけにおいしい情報が見つかること自体が奇跡で、大抵は要件を細分化したうえで素材や道具を集めて自分で組み立てるものかと。

m.ts10806

2021/12/06 11:47

「ステップアップである」「くじけそうになっても完走したい」のでしたら、いきなり何も作らない段階で赤の他人を頼るのではなく、失敗上等で自ら取り組むところからでは？まずちゃんとくじけてください。

python_student

2021/12/06 12:21 編集

もうすでにくじけました！あなたの依頼で！と言いたかったですが、確かにその通りです。回り道してでもやれ、それが一番の勉強法だ。というのもわかります。ですが、時間は有限です。この掲示板を活用してはいけないのでしょうか？私自身喧嘩を売りたいわけでも買いたいわけでもありません。詳しい情報を追記しておきます。

m.ts10806

2021/12/06 20:27 編集

喧嘩売ったつもりはないのですが、１行目みたいにふざける余裕はあるみたいですし、追記された情報でも全然丸投げ感しかないので、そういうことで。

退会済みユーザー

2021/12/06 22:02

自分で手を動かしたことがない人の質問は識者との会話が成立しないので、こちらのサイトの使用は向いてません。＊用語定義レベルですれ違います。 https://teratail.com/help/question-tips 上記のヒントにしたがった記述が出来るようになってから質問すると、回答者から有用な情報を引き出せるようになります。

行動規範の内容に同意します

回答1件

サイトのユーザーデータ保存についてですけど、
キャッシュを使うというのはどうでしょうか？
そうすればパスワードなどが要らず、またDBもあまり消費しません。
実装方法なのですが、ここ(MDN web docs)の説明を要約すると

js
1localStorage.setItem('Key', 'Value'); //キャッシュに「Key」というkeyを追加し、そこに「Value」というvalueを入れる
2// undefined
3
4console.log(localStorage.getItem("Key")); //この場合はconsole.logなのでコンソールにキャッシュの「Key」というkeyに対応するvalue、つまりこの場合だと「Value」を出力
5// "Value"
6
7localStorage.removeItem("Key"); //キャッシュの「Key」というkeyのものを削除
8// undefined
9
10console.log(localStorage.getItem("Key")); //削除したので出てこない
11// null