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

التبليط والفسيفساء

إنشاء تبليطات منتظمة وشبه منتظمة في p5.js.

المفهوم

التبليط يغطي المستوى بدون فجوات أو تداخل. التبليطات المنتظمة تستخدم مضلعاً واحداً (مثلث، مربع، سداسي). في الترميز الإبداعي، ننشئ شبكات سداسية أو أنماط إسلامية بالجمع بين الإزاحات والدورانات.

الكود

// Hexagonal grid tessellation
let sz = 20;
function setup() { createCanvas(400, 280); noLoop(); }
function draw() {
  background(11,15,20);
  for (let row=0; row<height/sz+1; row++) {
    for (let col=0; col<width/sz+1; col++) {
      let x = col*sz*1.5, y = row*sz*1.73 + (col%2)*sz*0.866;
      stroke(55,227,195,100); noFill(); strokeWeight(1);
      beginShape();
      for (let a=0;a<6;a++) vertex(x+cos(a*PI/3)*sz*0.55, y+sin(a*PI/3)*sz*0.55);
      endShape(CLOSE);
    }
  }
}

للمزيد

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

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

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