p5.js ile seed'lenmiş rastgelelik ve etkileşimli parametre keşfi kullanarak algoritmik sanat oluşturun. Kullanıcılar kod ile sanat oluşturma, generatif sanat, algoritm tabanlı sanat, flow field'ler veya parçacık sistemleri istediğinde kullanın. Telif hakkı ihlallerinden kaçınmak için mevcut sanatçıların çalışmalarını kopyalamak yerine orijinal algoritmik sanat yaratın.
cd ~/.claude/skills
git clone https://github.com/anthropics/skills.git skillsmkdir -p ~/.claude/skills/algorithmic-art
curl -fsSL https://raw.githubusercontent.com/anthropics/skills/HEAD/skills/algorithmic-art/SKILL.md \
-o ~/.claude/skills/algorithmic-art/SKILL.mdAlgoritmic felsefeler, kod aracılığıyla ifade edilen hesaplamalı estetik hareketleridir. .md dosyaları (felsefe), .html dosyaları (interaktif görüntüleyici) ve .js dosyaları (generatif algoritmalar) çıktısı verir.
Bu iki adımda gerçekleşir:
Önce bu görevi üstlenin:
Başlamak için, şu yollarla yorumlanacak bir ALGORİTMİC FELSEFESİ (statik görüntüler veya şablonlar değil) oluşturun:
Bu yaklaşımı düşünün:
Felsefe vurgulamalıdır: Algoritmic ifade. Ortaya çıkan davranış. Hesaplamalı güzellik. Tohumlanmış değişim.
Hareketi adlandırın (1-2 kelime): "Organic Turbulence" / "Quantum Harmonics" / "Emergent Stillness"
Felsefesini açıklayın (4-6 paragraf - özlü ancak kapsamlı):
ALGORİTMİK özü yakalaması için, bu felsefenin nasıl tezahür ettiğini ifade edin:
KRİTİK YÖNERGELER:
Felsefe, sonraki versiyonu fikri STATİK GÖRÜNTÜLER değil, ALGORİTMİK OLARAK ifade etmeye yönlendirmelidir. Güzellik son karede değil, süreçte yaşar.
"Organic Turbulence" Felsefe: Doğal yasa tarafından kısıtlanan kaos, düzensizlikten ortaya çıkan düzen. Algoritmic ifade: Katmanlı Perlin gürültüsü tarafından yönlendirilen akış alanları. Binlerce parçacık vektör kuvvetlerini takip ederek, izleri organik yoğunluk haritalarında birikirler. Çoklu gürültü oktavları türbüler bölgeler ve sakin alanlar oluşturur. Renk hız ve yoğunluktan ortaya çıkar - hızlı parçacıklar parlak yanarken, yavaş olanlar gölgeye solup giderler. Algoritm, hesaplamalı estetiğin ustası tarafından sayısız yinelemeler aracılığıyla refine edilen parametrelerin meticulously tuned dengesini sağlayan dengeye ulaşıncaya kadar çalışır.
"Quantum Harmonics" Felsefe: Dalga benzeri girişim desenleri sergileyen ayrık varlıklar. Algoritmic ifade: Bir ızgarada başlatılan parçacıklar, her biri sinüs dalgaları aracılığıyla evrimleşen bir faz değeri taşırlar. Parçacıklar yakın olduğunda, fazları girişime uğrarlar - yapıcı girişim parlak düğümler yaratırken, yıkıcı boşluk oluşturur. Basit harmonik hareket karmaşık ortaya çıkan mandalalara ürün verir. Painstaking frekans kalibrasyonunun sonucu, burada her oran rezonant güzellik üretmek için özenle seçilmiştir.
"Recursive Whispers" Felsefe: Ölçekler arasında kendi kendine benzerlik, sonlu alanda sonsuz derinlik. Algoritmic ifade: Kendini tekrarlayan şekilde alt bölüne giden dallanma yapıları. Her dal biraz rastgeleleştirilmiş ancak altın oranlarla kısıtlı. L-sistemleri veya özyinelemeli alt bölümü, matematiksel ve organik görünen ağaç benzeri formları üretir. Hafif gürültü bozulmaları mükemmel simetriyi bozar. Çizgi ağırlıkları her özyineleme düzeyinde azalır. Her dallanma açısı derin matematiksel araştırmanın ürünüdür.
"Field Dynamics" Felsefe: Görünmez kuvvetler, madde üzerindeki etkileri aracılığıyla görünür hale gelir. Algoritmic ifade: Matematiksel fonksiyonlar veya gürültüden inşa edilen vektör alanları. Kenarlardan doğan parçacıklar, alan çizgilerini takip ederek, denge noktalarına veya sınırlara ulaştığında ölürler. Birden fazla alan parçacıkları çekebilir, itebilir veya döndürebilir. Görselleştirme yalnızca izleri gösterir - görünmez kuvvetlerin hayalet gibi kanıtı. Kuvvet dengesinin aracılığıyla meticulously koreografisi hazırlanmış hesaplamalı bir dans.
"Stochastic Crystallization" Felsefe: Rastgele süreçler sıralı yapılara kristalleşir. Algoritmic ifade: Rastgeleleştirilmiş daire paketlemesi veya Voronoi tessellasyonu. Rastgele noktalarla başlayın, onları relaksasyon algoritmaları aracılığıyla evrimleştirin. Hücreler denge ulaşıncaya kadar ayrı itilir. Renk hücre boyutuna, komşu sayısına veya merkeze olan uzaklığa dayalı. Ortaya çıkan organik tessellation hem rastgele hem de kaçınılmaz görünür. Her tohum benzersiz kristallin güzellik üretir - master-level generatif algoritmanın işareti.
Bunlar sıkıştırılmış örneklerdir. Gerçek algoritmic felsefesi 4-6 ciddi paragraf olmalıdır.
Algoritmic felsefesi 4-6 paragraf uzunluğunda olmalıdır. Bunu hedeflenen vizyonu bir araya getiren şiirsel hesaplamalı felsefesiyle doldurun. Aynı noktaları tekrarlamaktan kaçının. Bu algoritmic felsefesini bir .md dosyası olarak çıktı verin.
KRİTİK ADIM: Algoritmayı uygulamadan önce, orijinal istekten hafif konseptsel ipiği tanımlayın.
TEMEL İLKE: Konsept, algoritm içine gömülü hafif, niş bir referans - asla kelimelere tamamen bağlı değil, her zaman sofistike. Konu ile tanıdık birisi bunu sezgisel olarak hissetmelidir, diğerleri basitçe masterful bir generatif komposisyondan faydalanırlar. Algoritmic felsefesi hesaplamalı dili sağlar. Çıkarılan konsept ruhu sağlar - parametrelere, davranışlara ve ortaya çıkan desenlere görünmez olarak dokunmuş hafif konseptsel DNA'yı.
Bu ÇOK ÖNEMLİdir: Referans o kadar refine edilmelidir ki, kendini açıklamadan çalışmanın derinliğini arttırır. Başka bir şarkıyı algoritmic uyum aracılığıyla alıntılayan bir caz müzisyeni gibi düşünün - sadece bilenler yakalarlar, ancak herkes generatif güzelliği takdir eder.
Felsefe ve konseptsel çerçeve kurulduktan sonra, bunu kod aracılığıyla ifade edin. İlerlemeye başlamadan önce düşüncelerinizi toplayın. Yalnızca oluşturulan algoritmic felsefesini ve aşağıdaki talimatları kullanın.
KRİTİK: Herhangi bir HTML yazmadan:
templates/viewer.html Read aracını kullanarakKaçının:
Şu uygulamaları izleyin:
Şablon temelleridir. Buna daha fazlasını ekle, yeniden inşa etme.
Yaşayan ve nefes alan, galeri kalitesi hesaplamalı sanat yaratmak için algoritmic felsefesini temel olarak kullanın.
Tohumlanmış Rastgelelik (Art Blocks Deseni):
// HER ZAMAN tekrarlanabilirlik için bir tohum kullan
let seed = 12345; // veya kullanıcı girdisinden hash
randomSeed(seed);
noiseSeed(seed);
Parametre Yapısı - FELSEFESİNİ TAKİP ET:
Algoritmic felsefesinden doğal olarak ortaya çıkan parametreleri oluşturmak için şunları düşünün: "Bu sistemin hangi nitelikleri ayarlanabilir?"
let params = {
seed: 12345, // Her zaman tekrarlanabilirlik için seed ekle
// renkler
// ALGORİTMANIZI kontrol eden parametreler ekle:
// - Miktarlar (kaç tane?)
// - Ölçekler (ne kadar büyük? ne kadar hızlı?)
// - Olasılıklar (ne kadar muhtemel?)
// - Oranlar (hangi oranlar?)
// - Açılar (hangi yön?)
// - Eşikler (davranış ne zaman değişir?)
};
Etkili parametreler tasarlamak için, sistemin "hangi desen tipi kullanmalı?" düşünmek yerine tunelanmaya ihtiyaç duyduğu özelliklere odaklanın.
Temel Algoritm - FELSEFESİNİ İFADE ET:
KRİTİK: Algoritmic felsefesi ne inşa edileceğini belirlemeli.
Felsefesini kod aracılığıyla ifade etmek için "hangi deseni kullanmalı?" düşünmek yerine "bu felsefesini kod aracılığıyla nasıl ifade edebilirim?" düşünün.
Felsefesi organik ortaya çıkış hakkında ise şunları kullanmayı düşünün:
Felsefesi matematiksel güzellik hakkında ise şunları kullanmayı düşünün:
Felsefesi kontrollü kaos hakkında ise şunları kullanmayı düşünün:
Algoritm felsefeden akar, seçenekler menüsünden değil.
Uygulamayı rehber etmek için, konseptsel özü yaratıcı ve orijinal seçimleri bilgilendirmesine izin verin. Bu özel istek için vizyonu ifade eden bir şey inşa edin.
Canvas Kurulumu: Standart p5.js yapısı:
function setup() {
createCanvas(1200, 1200);
// Sisteminizi başlatın
}
function draw() {
// Generatif algoritmanız
// Statik (noLoop) veya hareketli olabilir
}
KRİTİK: Ustalık elde etmek için, master generatif sanatçı tarafından sayısız yinelemeler aracılığıyla ortaya çıkmış görünen algoritmalar oluşturun. Her parametreyi özenle ayarlayın. Her desennin amaçla ortaya çıktığından emin olun. Bu rastgele gürültü DEĞİL - bu derin uzmanlık tarafından refine edilen KONTROLLÜ KAOSTUR.
Çıktı:
templates/viewer.html öğesinden inşa edilen kendi kendine yeterli etkileşimli generatif sanat (ADIM 0 ve sonraki bölüme bakın)HTML eseri her şeyi içerir: p5.js (CDN'den), algoritm, parametre kontrolleri ve UI - claude.ai yapıtlarında veya herhangi bir tarayıcıda hemen çalışan tek bir dosya. Sıfırdan değil, şablon dosyasından başlayın.
HATIRLATMA: templates/viewer.html zaten okunmuş olmalıdır (ADIM 0 bölümüne bakın). Bu dosyayı başlangıç noktası olarak kullanın.
Generatif sanatı keşfetmeye izin vermek için, tek, kendi kendine yeterli bir HTML eseri oluşturun. Bu eserin claude.ai veya herhangi bir tarayıcıda hemen çalışmasını sağlayın - kurulum gerekmez. Her şeyi satır içi gömün.
templates/viewer.html dosyası temelleridir. Gerekli tam yapı ve stil içerir.
SABİT (her zaman tam olarak gösterildiği şekilde ekle):
DEĞİŞKEN (her sanat eseri için özelleştir):
Her sanat eseri benzersiz parametreler ve algoritma olmalıdır! Sabit kısımlar tutarlı UX sağlar - diğer her şey benzersiz vizyonu ifade eder.
1. Parametre Kontrolleri
2. Seed Navigasyonu
3. Tek Eseri Yapısı
<!DOCTYPE html>
<html>
<head>
<!-- p5.js CDN'den - her zaman mevcut -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script>
<style>
/* Tüm stil satır içi - temiz, minimal */
/* Tuval üstte, kontroller altında */
</style>
</head>
<body>
<div id="canvas-container"></div>
<div id="controls">
<!-- Tüm parametre kontrolleri -->
</div>
<script>
// Tüm p5.js kodu satır içi burada
// Parametre nesneleri, sınıflar, fonksiyonlar
// setup() ve draw()
// UI işleyicileri
// Her şey kendi kendine yeterli
</script>
</body>
</html>
KRİTİK: Bu tek bir eseridir. Dış dosyalar yok, ithalatlar yok (p5.js CDN hariç). Her şey satır içi.
4. Uygulama Detayları - KENAR ÇUBUĞU OLUŞTUR
Kenar çubuk yapısı:
1. Seed (SABİT) - Her zaman tam olarak gösterildiği şekilde ekle:
2. Parametreler (DEĞİŞKEN) - Sanat için kontroller oluştur:
<div class="control-group">
<label>Parametre Adı</label>
<input type="range" id="param" min="..." max="..." step="..." value="..." oninput="updateParam('param', this.value)">
<span class="value-display" id="param-value">...</span>
</div>
Parametre kadar çok kontrol-grup div'i ekle.
3. Renkler (İSTEĞE BAĞLI/DEĞİŞKEN) - Sanat renk ayarlamasına ihtiyaç duyuyorsa ekle:
4. Actions (SABİT) - Her zaman tam olarak gösterildiği şekilde ekle:
Gereklemeler:
HTML eseri hemen çalışır:
Eser varsayılan olarak seed navigasyonu içerir (önceki/sonraki/rastgele düğmeleri), kullanıcıların birden fazla dosya oluşturmadan varyasyonları keşfetmesini sağlar. Kullanıcı belirli varyasyonlar vurgulanmış isterse:
Bu, aynı plakadan bir dizi baskı yaratmak gibiydi - algoritm tutarlıdır, ancak her tohum potansiyelinin farklı yönlerini ortaya çıkarır. Etkileşimli doğa, kullanıcıların seed alanını keşfederek kendi favorilarını keşfetmesi demektir.
Kullanıcı isteği → Algoritmic felsefesi → Uygulama
Her istek benzersizdir. Süreç şunları içerir:
Sabitler:
Diğer her şey değişkendir:
Herhangi bir yaratıcı çalışmaya başlamadan önce bunu mutlaka kullanın - feature oluştururken, component inşa ederken, functionality eklerken veya davranış değiştirirken. Kullanıcı niyetini, gereksinimleri ve tasarımı implementation öncesinde araştırır.
Uygulama tamamlandığında, tüm testler geçtiğinde ve çalışmanızı nasıl entegre edeceğinize karar vermeniz gerektiğinde kullanın - merge, PR veya cleanup seçeneklerini sunarak geliştirme sürecinin tamamlanmasını rehberlik eder.
Kod incelemesi geri bildirimi alırken, önerileri uygulamadan önce kullanın; özellikle geri bildirim belirsiz veya teknik olarak şüpheli görünüyorsa - performatif anlaşmadan veya körü körüne uygulamadan ziyade teknik titizlik ve doğrulama gerekir.
Görevleri tamamlarken, büyük özellikleri hayata geçirirken veya merge etmeden önce çalışmanın gereksinimleri karşıladığını doğrulamak için kullanın.
Yeni bir feature üzerinde çalışmaya başlarken veya implementasyon planını yürütmeden önce kullanın - native araçlar veya git worktree fallback aracılığıyla izole edilmiş bir workspace sağlar.
Herhangi bir konuşma başlatırken kullanın - skill'lerin nasıl bulunacağını ve kullanılacağını belirler, clarification soruları da dahil olmak üzere HERHANGİ bir yanıt vermeden önce skill invocation gerektirir.