كمال غابتي · دورة · مجاني

ضوضاء بيرلين

توليد حركة عضوية باستخدام noise() في p5.js.

المفهوم

ضوضاء بيرلين تنتج قيماً عشوائية زائفة متسقة: النقاط القريبة لها قيم متقاربة. على عكس random() التي تقفز، noise() تتموج. في p5.js، تُرجع noise(x) قيمة بين 0 و1. بتغيير x ببطء نحصل على إشارة عضوية مثالية للتحريك.

الكود

// Perlin noise: organic wave
function setup() { createCanvas(400, 280); }
function draw() {
  background(11, 15, 20);
  stroke(55, 227, 195); noFill(); strokeWeight(2);
  beginShape();
  for (let x = 0; x < width; x += 4) {
    let y = noise(x * 0.008, frameCount * 0.01) * height;
    vertex(x, y);
  }
  endShape();
}

للمزيد

استكشف الدورات المجانية الأخرى على صفحة التعلم، أو احجز مكالمة لمناقشة مشروعك.

هل تريد المزيد؟

← احجز مكالمة اكتشاف