xxxxxxxxxx
var walkers = [];
var numWalkers = 20; // walker sayısı
var colors = ["#780000", "#c1121f", "#fdf0d5", "#003049", "#669bbc"]; // Belirttiğiniz renk kodları
function setup() {
createCanvas(600, 600);
background(0);
for (var i = 0; i < numWalkers; i++) {
walkers.push(createWalker(width / 2, height / 2));
}
}
function draw() {
for (var i = 0; i < walkers.length; i++) {
updateWalker(walkers[i]);
displayWalker(walkers[i]);
}
}
// Walkerı oluştur
function createWalker(x, y) {
return {
x: x,
y: y,
prevX: x,
prevY: y,
stepSize: random(2, 20),
angle: random(TWO_PI), // Başlangıç açısı
rotationSpeed: random(-0.1, 0.1), // Dairesel hareket için açısal hız
radius: random(10, 50), // Hareketin yarıçapı
color: color(random(colors)) // Renklerden rastgele birini seç
};
}
// Walker güncelleme
function updateWalker(walker) {
walker.prevX = walker.x;
walker.prevY = walker.y;
// Dairesel hareketler
walker.angle += walker.rotationSpeed;
walker.x += cos(walker.angle) * walker.stepSize;
walker.y += sin(walker.angle) * walker.stepSize;
// Ekran sınırları
if (walker.x < 0 || walker.x > width || walker.y < 0 || walker.y > height) {
walker.x = width / 2;
walker.y = height / 2;
walker.prevX = walker.x;
walker.prevY = walker.y;
walker.stepSize = random(2, 20);
walker.radius = random(10, 50);
walker.angle = random(TWO_PI);
walker.rotationSpeed = random(-0.1, 0.1);
walker.color = color(random(colors)); // Yeni rastgele renk seç
}
}
// Walker çizimi
function displayWalker(walker) {
stroke(walker.color);
line(walker.prevX, walker.prevY, walker.x, walker.y);
}