معرفی

هنری که اجرا می‌شود. کدی که می‌شود لمسش کرد.

Creative Code Art خانه‌ای رایگان برای هنرمندانی است که با کد نقاشی می‌کنند. همه‌چیز در این صفحه زنده است و همین حالا در مرورگر شما اجرا می‌شود. موس را حرکت دهید، اسکرول کنید و خودتان امتحان کنید.

شروع معرفی ↓

۰۱ · بنویس

یک عدد را عوض کن. تغییرش را ببین.

این یک اسکچ واقعی p5.js است. عددهای بالای کد را عوض کنید: گلبرگ‌ها (petals)، لایه‌ها (layers)، رنگ (hue) و سرعت (speed). کمی بعد از تایپ، تصویر دوباره کشیده می‌شود. بدون حساب کاربری، و چیزی ذخیره نمی‌شود.

// Change these numbers and watch the picture follow.
let petals = 7;    // try 3, 12 or 24
let layers = 18;   // how many rings
let hue = 32;      // 0-360: try 180 for teal
let speed = 1;     // 0 stops it

function setup() {
  createCanvas(600, 600);
  colorMode(HSB, 360, 100, 100, 1);
  noFill();
}

function draw() {
  background(220, 30, 6, 0.2);
  translate(width / 2, height / 2);
  const t = frameCount * 0.01 * speed;
  for (let i = 0; i < layers; i++) {
    const r = 36 + i * 13;
    stroke((hue + i * 7) % 360, 70, 100, 0.6);
    strokeWeight(1.4);
    beginShape();
    for (let a = 0; a <= TWO_PI + 0.05; a += 0.03) {
      const wave = sin(a * petals + t * 2 + i * 0.35) * (6 + i * 1.3);
      vertex((r + wave) * cos(a), (r + wave) * sin(a));
    }
    endShape();
  }
}

امتحان کنید: petals = 3 یا hue = 180

۰۲ · بازی کن

با اسلایدرها همه می‌توانند بازی کنند

هنرمند انتخاب می‌کند بازدیدکننده کدام عددها را تغییر دهد. این‌ها را بکشید تا میدان جریان بی‌درنگ پاسخ دهد، بدون بارگذاری دوباره. در صفحه‌ی هر اثر هم اسلایدرها همین‌طور کار می‌کنند.

ذره‌ها1600

پیچش1.2

ردّ حرکت0.85

۰۳ · انتخاب کن

چهار راه برای نقاشی

ابزاری را انتخاب کنید که به ایده‌تان می‌خورد. هرکدام از این‌ها همان اسکچ شروعی است که هنرمند می‌گیرد.

p5.js

کلاسیکِ دوستانه: setup()‎ و draw()‎، شکل و رنگ. عالی برای اولین اسکچ.

GLSL shader

شیدرها روی کارت گرافیک اجرا می‌شوند، همه‌ی پیکسل‌ها با هم: نور، سیال، نویز.

three.js

صحنه‌های سه‌بعدی با نور، متریال و دوربینی که بازدیدکننده می‌چرخاند.

Canvas JS

جاوااسکریپت ساده و یک بوم دوبعدی، بدون هیچ واسطه‌ای.

۰۴ · ریمیکس کن

ریمیکس کن، نام هنرمند همراهش می‌آید

اگر هنرمند اجازه بدهد، هرکسی می‌تواند با یک کلیک از اثر نسخه بگیرد و آن را از آنِ خودش کند. ریمیکس همیشه نام اثر اصلی را می‌آورد و هر اثر کل خانواده‌ی ریمیکسش را نشان می‌دهد.

یک خانواده‌ی ریمیکس: هر شاخه به اثر اصلی برمی‌گردد.

۰۵ · نشان بده

صفحه‌ای که مال خودتان است

نام و عکس شما، کاوری از یکی از آثار خودتان، ابزارها و لینک‌هایتان، و همه‌ی آثارتان که زنده اجرا می‌شوند. یک آدرس کوتاه برای اشتراک در همه‌جا.

۰۶ · با هم

فستیوال‌ها، چالش‌ها، کارگاه‌ها

از ۲۰۲۰ این جامعه یک فستیوال در واقعیت مجازی، یک هفته با Ars Electronica، اجراهای زنده در نیویورک و بوگوتا، چالش‌های موضوعی و کارگاه‌های رایگان برگزار کرده است.

دیدن همه‌ی پروژه‌ها

۰۷ · اعتماد

قول‌های ما

رایگان برای همه‌ی هنرمندان

صفحه، آثار، ریمیکس و جامعه هزینه‌ای ندارند.

نام سازنده همیشه می‌ماند

هر ریمیکس برای همیشه به اثر اصلی لینک می‌دهد.

محیط ایزوله و قفل‌شده

کد جدا از همه‌چیز اجرا می‌شود: بدون اینترنت، بدون کوکی، بدون دسترسی به حساب شما.

حریم خصوصی پیش‌فرض

بدون تبلیغ، بدون ردیاب، و داده‌هایتان هرگز فروخته نمی‌شود.

اولین اثرتان یک کلیک فاصله دارد

صفحه‌تان را بسازید، چند خط بنویسید، و دنیا اجرایش را می‌بیند.

ساختن صفحه‌ی من دیدن آثار