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

الجسيمات والجاذبية

إنشاء نظام جسيمات مع قوى في p5.js.

المفهوم

نظام الجسيمات يحاكي أجساماً تحت تأثير قوى: جاذبية، رياح، احتكاك. لكل جسيم موقع وسرعة وتسارع. كل إطار: التسارع = مجموع القوى، السرعة += التسارع، الموقع += السرعة.

الكود

// Particle fountain with gravity
let parts = [];
function setup() { createCanvas(400, 280); }
function draw() {
  background(11,15,20,40);
  if (frameCount%2===0) parts.push({x:width/2,y:height,vx:random(-1.5,1.5),vy:random(-6,-3),life:255});
  for (let i=parts.length-1;i>=0;i--) {
    let p=parts[i]; p.vy+=0.12; p.x+=p.vx; p.y+=p.vy; p.life-=3;
    noStroke();fill(55,227,195,p.life);ellipse(p.x,p.y,4,4);
    if(p.life<=0) parts.splice(i,1);
  }
}

للمزيد

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

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

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