学習中に作ったこの小さなRPGルビーゲームを作りました。今度はそれをブラウザゲームにしたいと思います。私はすでにSinatraフレームワークを設定して提供しているので、何よりもまず、ブラウザでゲームマップを表現する方法を探しています（場所の属性はdbに保存されます）。
マップをスクロールするときに更新したり動的にフェッチしたりする必要はありませんが（少なくとも開発のこの段階では）、将来的にマップを更新できるようになるテクノロジーが、マップを選択する理由になります。
私が考えたもの：htmlテーブル、html5キャンバス、この目的のために正確に設計されたいくつかのjsフレームワーク（私にはわかりません=アドバイスをお願いします）。
はい、gamequery-jsフレームワークについては知っていますが、使用したことがありません。また、新しい機能（スクロール、ajax）を追加するときに、すべてが使用できなくなるまで遅くなるかどうかもわかりません。
私は本当に他の選択肢を知りません..多分もっと軽いアプローチがありますか？より簡単な、またはよりミニマルな方法？仕事に適したツールである、よりターゲットを絞ったjsフレームワーク？たぶん、いくつかのhtmlキャンバスコード、または単純な画像マップ、または絶対位置の画像で十分でしょうか？
シンプルに始めて、徐々に良くしていきたいので、さっきも言ったように、改善の余地があるか、新しいウェブの傾向に向かっているものがいいのですが、それでも私は最初は少し満足しています:)
だから..アドバイスが必要です！そして感謝します！：） ありがとう
ps Flashは気に入らないため、除外されています。
編集：charlietflが地図を曖昧すぎて適切な答えを出すことができないとコメントしたため、より技術的な詳細を追加して地図をより適切に説明します。
新しいマップは、ゲーム開始時に新しいゲームごとにコードによってランダムに生成されます。今のところdbを忘れて、マップ（たとえば、100x100の「正方形」）が3次元配列として格納されているとしましょう。（x、y、...）配列の最後の「次元」は、そのマップセルに誰が何を持っているか（プレーヤー、建物など）を格納します。したがって、私がしなければならないのは、これらの「正方形」または配列セルをブラウザの2Dタイルマップにレンダリングすることだけです。それがそれをよりよく説明することを願っています！