الطباعة التوليدية

المفهوم

الطباعة التوليدية تعامل الحروف كأشكال يمكن التلاعب بها بالكود. يمكن تشويه محيطاتها (noise على كل نقطة)، تحريكها، تشتيتها. في p5.js، textToPoints() يحول النص إلى إحداثيات.

الكود

// Generative typography: wavy text
function setup() { createCanvas(400, 280); textFont('Georgia'); textSize(60); }
function draw() {
  background(11,15,20);
  let word = 'MAROC';
  for (let i=0; i<word.length; i++) {
    let x = 60 + i * 65;
    let y = height/2 + sin(frameCount*0.04 + i*0.8) * 20;
    let r = sin(frameCount*0.02 + i) * 0.1;
    push(); translate(x,y); rotate(r);
    fill(55,227,195); noStroke(); textAlign(CENTER,CENTER);
    text(word[i], 0, 0); pop();
  }
}

للمزيد

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