Basit matematik kurallarıyla yapılmış 16x16 piksel animasyonu

• 16x16 piksel animasyonu, basit matematik kuralları kullanılarak oluşturuluyor
• Her pikselin hareketi, matematiksel formüller ve işlemler temel alınarak belirleniyor
• Asgari düzeyde algoritma ve basit mantıkla karmaşık ama çekici desenler üretmek mümkün
• Karmaşık render teknolojileri olmadan da görsel olarak etkileyici sonuçlar elde edilebiliyor
• Bu yaklaşımın yaratıcı görselleştirme ve programlama eğitimi için kullanım potansiyeli yüksek

---

Genel bakış

• Bu animasyon, temel olarak 16x16 boyutunda bir piksel dizisiyle oluşturuluyor
• Her pikselin konumu, rengi veya durumu basit matematik kurallarına göre anlık olarak değişiyor
• Bu uygulama yaklaşımı hem programlama açısından verimli hem de oldukça sezgisel
• Karmaşık ya da ileri seviye teknikler olmadan da çekici ve düzenli görsel efektler üretmek mümkün
• Görsel sanatlar, algoritmik üretim, başlangıç seviyesi geliştirici eğitimi gibi alanlarda kullanım potansiyeli yüksek

Ana noktalar

• Animasyon, 16x16’lık iki boyutlu bir ızgara biçiminde gösteriliyor
• Her pikseldeki değişim, matematiksel ifadeler veya belirli kurallara dayanıyor
• Örneğin sin, cos, xor veya mod gibi temel matematik işlemleri, piksellerin hareketini ve rengini belirlemede kullanılıyor
• İncelikli görsel efektler üretmek için karmaşık kodlara veya harici kütüphanelere ihtiyaç duyulmuyor
• Basit formülleri tekrar tekrar uygulamak bile özgün desenler üretmeye yetiyor

Önemi ve kullanım alanları

• Bu yaklaşımın güçlü yanı, minimal kodla bile etkileyici sonuçlar üretebilmesi
• Algoritmik düşünme, matematiksel sezgi ve görsel yaratıcılık pratiği yapmak için yararlı
• Animasyon ve görselleştirmenin programatik olarak nasıl çalıştığını öğrenmek için iyi bir örnek
• Eğitim amaçlı, sanatsal deneyler veya yaratıcı projeler içinde kolayca kullanılabilir
• Her yaştan başlangıç seviyesindeki geliştirici ve üretici için erişilebilir ve kullanışlı

[xcutz]

Çok ilginç ya

[ng0301]

Vay canına...

[GN⁺]

Hacker News görüşleri

• Tixy gerçekten şaşırtıcı; buna benzer bir şeyi kendim de yapmıştım: https://muffinman.io/pulsar/ adında, LED matris ekranlar için animasyon üretmek istediğim bir site. O zaman tixy’yi bulamamıştım, bu yüzden pulsar’ı yaptım; ancak sonradan tixy’yi yeniden keşfettim. Benzer bir proje olarak HTML slider’ları kullanan https://sliderland.blinry.org/ da var; böyle şeyler gerçekten çok eğlenceli
• Tixy’yi ilk kez birkaç yıl önce keşfettiğimde o kadar çok sevmiştim ki, orijinal yazarın iznini alarak https://www.mathsuniverse.com/tixy adlı bir site yaptım. Tixy ızgarasına bulmacalar ekledim ve bunu öğrencilerimle bilgisayar bilimi derslerinde kullanıyorum; öğrenciler bu bulmacalara ciddi şekilde kapılıyor
  • Bu, yakın zamanda çıkan 3D bulmaca oyunu Replicube’u hatırlatıyor; aynı yaklaşımın mantığını 3D’de uyguluyor
  • Bu yaklaşım eğitim için gerçekten harika bir yöntem. Ben de ilk başta o küçük fonksiyonlara hayran kalıp calculang ile bir klon yaparak denemeler yaptım. F9 değerlendirme özelliği ekledim; böylece alt ifadeleri seçip sonuçlarını görebiliyorsunuz ve bu, desenleri anlamada çok yardımcı oldu. Şuradaki videoya da bakılabilir: https://www.youtube.com/watch?v=uXUd_-xrycs
  • Telefonda da iyi çalışıyor; sadece telefon klavyesi biraz kullanışsız, ama yine de kullanıma engel değil. Bu da telefonların sınırı
  • Bilgisayar grafiğinde (0,0) koordinatı altta değil, sol üstten başlıyor
• Tixy ile çeşitli animasyonlar yaptım, burada çok eğlenceli şeyler var: https://tixy.land/?code=sin%28x%29cos%28y%29%2Bcos%28x%29sin%28y%29%2Bsin%28t2%29 , ayrıca beyaz kan hücrelerinin saldırı desenini de uyguladım: https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bcos%28yt%29%2Bt%2F0.7
• Bir alev efekti de yaptım: https://tixy.land/?code=Math.sin%28%28y%2F3%5Ex%7Ci%29%2Bt%29
• Tixy, Shadertoy gibi sitelerin çok kolay bir versiyonu; bu kolay yaklaşım benim zevkime tam uyuyor
• Tixy’nin yaratıcısı Martin Kleppe (@aemkei); quine’lar ve JS numaralarıyla tanınan biri. Diğer harika projelerine de bakabilirsiniz: https://aem1k.com/world/ , https://aem1k.com/qlock/
• Tixy’den ilham alarak programlanabilir fırçalara sahip bir çizim uygulaması yaptım: https://fig.sonnet.io Bu uygulamada fırça hareketi basınca ya da açıya göre değil, zamana göre değişiyor; bu yüzden ritme uyarak çizmek eğlenceli oluyor. Nasıl çalıştığını ve nasıl uygulandığını burada görebilirsiniz: https://untested.sonnet.io/notes/fig-tree-brushes/
• İlginç bir fonksiyon örneğini de paylaşayım: https://tixy.land/?code=%281%2Ft%258%29+%2F+tan%28t+%2F+%28y*x%2Ft%29%…
• Bir beş köşeli yıldız deseni de yaptım: https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%29
  • İki yılanın hareketini de uyguladım: https://tixy.land/?code=exp%28-%28%28x-7%29**2%29%2F12%29sin%28%28y-7%29%2F2-t%29%09-sin%28%28h%3Dhypot%28x-%3D7%2Cy-%3D7%29-5%29%29exp%28-hh%2F9%29cos%28atan2%28y%2Cx%29%2Bt%29
• Sürekli hareket eden ve giderek büyüyen bir daireyi tixy ile yapmak mümkün: https://tixy.land/?code=%28x-10t%2521%29**2%2B%28y-10t%2521%29**2-t