1

高密度ドット マップを作成するにはどうすればよいですか? 次のように、長方形の周りにドットを広げるためのいくつかの基本的なアルゴリズムをいじりました。

 var createOrangeDots = function () {  
  for (var i = 0; i <=orangeNum; i++) {
    context.beginPath();
    var rand_x = Math.random(i) * horz_max;
    var rand_y = Math.random(i) * vertical_max;
    context.arc(rand_x, rand_y, radius, 1, 2*Math.PI);
    context.fillStyle ="orange";
    context.fill();
    context.closePath();
    }
  }

...作成します... ここに画像の説明を入力 「ターゲット」の周りにドットを作成するコードを見つけるのにも役立ちました：

var createOrangeDotsCircle = function () {
  for (var i = 0; i <= orangeCircleNum; i++) {
    context.beginPath();
    const dist = (Math.random() ** centripetal) * distFromCenter;
    const angle = Math.random() * Math.PI * 2;
    var rand_x = dist * Math.cos(angle) + centerOrange.x;
    var rand_y = dist * Math.sin(angle) + centerOrange.y;
    context.arc(rand_x, rand_y, radius, 1, 2 * Math.PI);
    context.fillStyle ="orange";
    context.fill();
    context.closePath();
  }  
}
createOrangeDotsCircle();

～を生み出す～

ここに画像の説明を入力

しかし、都市の実際の分離マップに実際に似ている可能性がある点まで、さまざまな密度のドットのランダムな形状を作成する JS コードがあるかどうか疑問に思っていますか? このようなもの：

ここに画像の説明を入力

...しかし、2 つの色だけを使用し、マップの背景を使用しません (つまり、点のみ)。

私はこれが複雑であることを知っているので、ここでより経験豊富なコーダーからのアイデア/ヒント/方向性のポイントを探しています. 助けてくれてありがとう。

4

0 に答える 0