function sketch(p) {
let hue = 0;
p.setup = function () {
p.createCanvas(400, 400);
p.colorMode(p.HSB, 360, 100, 100);
};
p.draw = function () {
p.background(38, 18, 96);
hue = (hue + 0.8) % 360;
for (let i = 0; i < 9; i += 1) {
const diameter = 48 + i * 18;
p.noFill();
p.stroke((hue + i * 24) % 360, 70, 82);
p.strokeWeight(4);
p.circle(
p.width / 2 + p.sin(p.frameCount * 0.018 + i) * 72,
p.height / 2 + p.cos(p.frameCount * 0.014 + i) * 42,
diameter
);
}
};
}
NASIL ÇALIŞIR?KODART ÜRETİM AKIŞI
Bir fikirden,
çalışan bir görsel sisteme.
KodArt, kodun davranışını görünür kılar; üretilen görüntüyü yapay zekâ için yaratıcı bir başlangıç noktasına dönüştürür.
NASIL ÇALIŞIR? ↓01 — KODLA
Kod, görselin kurallarını tanımlar.
Varsayılan p5.js eskizi; tuvali kurar, renk sistemini belirler ve her karede hareket eden çemberler üretir. Kodda yapılan her değişiklik, çıktıda doğrudan ve anlaşılır bir karşılık bulur.→
02 — DÖNÜŞTÜR
AI, kodun yerini almaz; onun üzerine yaratıcı bir katman ekler.
Kodla üretilen görsel, kompozisyon ve biçim için kaynak görüntü olur. Prompt; malzeme, atmosfer, ayrıntı ve görsel dili tarif eder. Sonuç, özgün kod yapısını korurken yeni bir estetik yoruma dönüşür.Canlı renkler, yüksek detay, neşeli, başyapıt, bilim kurgu, biyomekanik.
＋ AI LAYER03 — ÖĞREN
Her çocuk aynı yerden başlamak zorunda değil.
Blocks ve Mini editörleri, programlama kavramlarını görsel ve okunabilir yapılara dönüştürür. Öğrenci hareket, tekrar, renk ve değişken mantığını önce destekleyici bir arayüzde kurar; KodArt aynı çalışmanın ürettiği gerçek p5.js kodunu görünür kılar.when startedcreate canvas 400 × 400repeat 9 timesdraw circle 48 + i × 18set color hue + i × 24
→LIVE
→ÜRETİLEN GERÇEK KOD
for (let i = 0; i < 9; i++) {
p.noFill();
p.stroke(hue + i * 24);
p.circle(x, y, 48 + i * 18);
}BLOCKS→MINI→p5.js
Bloktan koda, kopmadan.
Görsel komut ile metin kodunu yan yana görmek, sözdizimini soyut bir kural olmaktan çıkarır. Çocuklar seçimlerinin hangi fonksiyona, parametreye ve döngüye dönüştüğünü keşfeder. JavaScript editörüne geçiş yeni bir başlangıç değil, doğal bir ilerleme olur.
Önce dene. Sonra değiştir. En sonunda kendin yaz.
KodArt, yaratıcı merakı teknik özgüvene dönüştüren aşamalı bir öğrenme alanıdır.