javascript - htmlとjsで無限の地図を作成する方法

Question

一見動的なdivの無限マップを実装しようとしています。私の主な問題は、ユーザーがボードをドラッグしたときに任意の方向に新しいタイルを生成する方法と、マップをデータベースに保存する方法/方法です。

これが私が持っているクイックスタートです。

Answer 1

これを行う1つの方法は、各単語の座標をRツリーに格納することです。次に、Rツリーを使用して、表示したい座標境界内のすべての単語を検索します。これはバックエンドで実行できます（多くのデータベースシステムは空間座標のインデックス作成をサポートしています）。

Answer 2

グリッドは、真に無限ではなく、単に大きいだけだと思います。

配置されたタイルのみを保存します。

ボードの「ビュー」は制限されており、ミニマップ バージョンでも約 256x256 しかありません。

「空の」ボードは、画面の左上 (または他の単一点) と幅と奥行きから派生して描画することができます。

また、疑似乱数を使用して、各空白の正方形の外観をプロシージャルに変更することもできます。