/ / JavaScriptでのランダムで重複しないdivのプロット-javascript、jquery、html、css

Javascriptでランダムではない重複divをプロットする - javascript、jquery、html、css

約600 x 400ピクセルのコンテナーがあり、その中に2〜10個のランダムなサイズの長方形をランダムに配置します。

それらを配置するのは簡単ですが、重複してはいけません-私は問題を抱えています。四角形が接触したり重なったりしないようにするために使用できるアルゴリズムはありますか?

私はjQueryと絶対配置されたdivを使用しています。キャンバスもHTML5もありません。

回答:

回答№1は1

位置の配列を生成中にそのまま保持しないでください。次の位置が配列内にある場合は、再ランダム化します。


回答№2の場合は0

それはただの 境界ボックスの衝突検出。すべてのボックスとそのサイズの配列を保持する必要があります。