JavaScript を使用して、無限の量の正方形 (DIV のようなもの) を含む、無限に長い座標系/グリッド (X 軸と Y 軸) を表示したいと思います。どこから始めればよいかわかりません。解決するのが本当に難しい問題のように思えます。次のような、それらを構築する考えがない非常に多くの要因があります。
- それらを HTML 要素ツリーで構造化する
- 適切な要素 (おそらく SVG 要素) を使用する
- グリッドに流体スクロールを与える
- 各要素の読み込みを調整する (表示する必要がある場合)
それを行うのに役立つJavaScriptライブラリがあると確信していますが、これらのいずれも知りません。
何から始めるのが良いでしょうか?
これが私のグリッドの概念です:
(Y axis)
^
| | | |
|--+------+------+---
| E| SQURE| SQURE| SQ
| | | |
|--+------+------+---
| E| SQURE| SQURE| SQ
| | | |
|--+------+------+---
| E| SQURE| SQURE| SQ
+--------------------> (X axis)