من Processing إلى p5.js: البدء الصحيح في الترميز الإبداعي

التاريخ المشترك

Processing أُنشئ عام 2001 بهدف صريح: تيسير البرمجة للفنانين والمصممين. p5.js أُنشئت عام 2013 كإعادة تفسير لـ Processing للويب.

الخطوة 1: اذهب إلى editor.p5js.org. لا تثبيت.


function setup() { createCanvas(400, 400); }
function draw() {
  background(11, 15, 20);
  fill(55, 227, 195);
  ellipse(mouseX, mouseY, 40, 40);
}

الخطوة 2: فهم دورة setup/draw.

الخطوة 3: تعلّم نظام الإحداثيات. الأصل (0,0) أعلى اليسار. محور Y نحو الأسفل.