Psikedelik Grafikler 0: Giriş

Psychedelic Graphics 0: Giriş

• Bu seri, animasyon ve oyunlar için psikedelik görseller üretme yöntemlerini tanıtıyor. Grafik ya da programlama hakkında ön bilgi olmasa da anlaşılabilecek şekilde hazırlanmıştır. Trigonometri ve programlama hakkında temel bilgiye sahip olmak faydalı olacaktır.
• Bu seri sayesinde videoda kullanılan psikedelik grafiklerin temellerini anlayabilmenizi umuyorum. Videoların çoğu Blender kullanılarak üretildi, ancak bu seride öğretilen teknikler kolayca başka araçlara aktarılabilir; ileride Blender'ı daha derinlemesine ele alacağız.

UV nedir?

3D model

• Bilgisayar grafikleri çoğu zaman 3D görünür, ancak grafik kodu yazarken çoğu zaman 2D düşünmek gerekir. Bir 3D modelleme programında güzel bir şekil oluşturduysanız, aslında uzayda duran noktalar (vertex'ler) oluşturmuş ve bunların bazılarını birleştirerek katı şekiller (yüzeyler) meydana getirmişsinizdir.
• 3D modellerin çoğu içi boştur ve biz yalnızca yüzeyi görürüz. Bir 3D modele renk vermenin standart yolu UV mapping/tekstürlemedir. Dünyanın 2D projeksiyonunun biraz gerilmiş ve sıkıştırılmış görünmesi gibi, 3D modelin renkleri 2D'ye projekte edildiğinde de benzer bir durum ortaya çıkar.

Tekstür boyama

• Tekstürü boyadığınızda sonuç 3D model üzerinde görünür. Çoğu yazılım, görüntü tekstürünü renklendirmek için doğrudan 3D model üzerine boyama yapmanıza izin verir.

UV koordinatları

• UV, konum yani 2D koordinatlar olarak düşünülebilir. UV koordinatları, (0, 0) ile (1, 1) arasındaki alan kullanılarak tanımlanır. UV map, renkli görüntü tekstürü ile 3D modelin yüzeylerini birbirine bağlayan veridir.

Grafik kodu nasıl çalışır?

Grafiklerin rengi

• Bilgisayar grafiğindeki renkler çoğu zaman RGB ile ifade edilir. Kırmızı, yeşil ve mavinin karışımıyla insanın algılayabildiği neredeyse tüm renkler üretilebilir. Bilgisayar grafiklerinde kırmızı, yeşil ve mavinin miktarı genellikle 0.0 ile 1.0 arasındadır.

UV'nin rengi

• UV koordinatları görselleştirme ve sorun gidermeye yardımcı olmak için renge dönüştürülebilir. UV'nin ilk değeri (X değeri) kırmızı, ikinci değeri (Y değeri) ise yeşil olarak kullanılır.

Kayan noktalı sayılar ve vec2, vec3 vektörleri

• float, tek bir ondalıklı sayıdır. vec, vektör anlamına gelir; vec2 iki ondalıklı sayıdan, vec3 ise üç ondalıklı sayıdan oluşur.

Grafik programının yapısı

• Grafikler dağıtık bir şekilde işlenmelidir. Kod bir kez çalışıp tüm renkleri üretmez; bunun yerine ekranın her küçük bölümü için milyonlarca kez çalıştırılır. Programlama deneyiminiz varsa bu oldukça farklı bir düşünme biçimidir.

• Artık 1. bölüme başlamaya hazırsınız. Bu kısıtlara rağmen ilginç görsellerin nasıl üretilebileceğini 1. bölümde görebilirsiniz.

[GN⁺]

Hacker News görüşleri

• David Tristram, 1990'larda bilgisayar grafikleri performans grubu Raster Masters'ın kurucu üyelerinden biriydi; Silicon Graphics iş istasyonlarını kullanarak Grateful Dead, Herbie Hancock ve Graham Nash gibi isimlerin canlı müzik performanslarına eşlik eden sentezlenmiş görseller üretti

  • Günümüzde ağırlıklı olarak Resolume Avenue ve TouchDesigner kullanarak 2D video işleme ortamında çalışıyor
  • Hydra, düşük seviyeye inmeden psychedelic grafikler denemeyi mümkün kılan havalı, JavaScript tabanlı bir live-coding ortamı

• Geçmişte UV doku koordinatlarını bozma yöntemleri üzerine çalıştı; bugünlerde ise ShaderToy benzeri fragment shader'lar kullanıyor

  • Doku koordinatlarını akış alanına göre yer değiştirtme süreci ilgi çekici
  • Koordinatların başlangıç konumuna geri dönmesini sağlayan basit bir "geri yükleme" kuvveti uygulama yöntemi de var
  • Geri besleme ve yer değiştirme efektlerini birleştirerek akışkan akışı benzeri hareketler üretiyor

• HTML içinde görüntü işleyen shader'lar yazmanın kolay olmasını seviyor

  • Derinlik haritasının basit bir yaklaşık hesaplamasıyla bile ilginç sonuçlar elde edilebiliyor
  • Geçmişte WebGL kullanarak görüntüler arasındaki crossfade geçişlerini yumuşatan bir proje yaptı

• Psychedelic deneyimleri görsel olarak yeniden üretmeye büyük ilgi duyuyor

  • Rolling Hills makalesinde görsel halüsinasyonların nasıl yeniden üretilebileceğini anlatıyor
  • Modern teknolojiyi kullanarak psychedelic görselleri başarılı şekilde üreten sanatçılar var

• Todd Rundgren, 1990'ların başında Flowfazer adlı bir Mac uygulaması geliştirdi; bu uygulama kullanıcıların üretim için ilham almasına yardımcı oluyordu

• Tipper ve Fractaled Visions performansları, psychedelic görsellerin en isabetli tasvirlerinden biriydi

  • Fractaled Vision'ın görselleri karmaşık ve zengindi, hayranlık uyandırıyordu

• WebGL shader'ları yazarken fiziksel kamera efektlerini uygulamaya çalışıyor

  • Bu süreç; grafikler, matematik, GPU, bellek, CPU, animasyon ve zaman işleme konularındaki anlayışı derinleştirmeye yardımcı oluyor

• Jim Crutchfield'ın video geri besleme sistemleri üzerine araştırması, karmaşık mekânsal ve zamansal dinamikleri incelemek için yararlı bir deneysel sistem sunuyor