Animasyonlar tarayıcıda render edilseydi çok daha ilginç olurdu gibi geliyor.
Çalışmasını sağlayan kodla doğrudan oynamak isterdim; yalnızca video sunulup kod verilmemesi biraz burukluk bıraktı.
Kaynak kodu olan birkaç tanesi de yayımlanmış: https://github.com/Bleuje/processing-animations-code
Kavram odaklı tam eğitimleri de burada görebilirsiniz: https://bleuje.com/tutorials/
Eğitimlerde kesintisiz döngüler için 4 boyutlu noise üzerinde dolaşmak gibi pek çok hoş fikir vardı; kendi projemde de bunlarla oynadım. Processing kullanmasanız bile anlaşılması kolay.
Ben tam tersini hissettim. Gösterişli modern JavaScript sayfalarının çoğunu açamayan kilitli moddaki telefonlarda bile izlenebilmesi hoş.
Bu animasyonları görünce 20-25 yıl önce Winamp görselleştirme eklentilerini açık bırakıp müzik dinlediğim zamanlara dönmüş gibi oldum.
Eğlenceli zamanlardı; buradaki animasyonlar da harika.
Biraz yaşı olanlar Todd Rundgren’in Utopia Softworks Flowfazer ekran koruyucusunu hatırlayabilir.
Kendisi Apple kayıtlı geliştiricisiydi; 90’lardaki WWDC’de ortalıkta dolaştığını da görürdük.
Doğru. Ama Pentium MMX’te Winamp görselleştirmesini açınca sistemin tepkiselliği ciddi ölçüde düşerdi; açtıktan sonra o görselleştirmeden başka bir şeye bakamazdınız.
Basit ama eğlenceli zamanlardı.
Ben de aynı şeyi düşündüm. cthugha şimdi nerelerde acaba?
Monitörün üstüne büyük bir cam mercek koyup tavana yansıtırdık. Esrarı bırakmak için yanlış on yılı seçtiğime dair espri aklıma geliyor.
AVS Society aklıma geldi :)
Rastgele üretim mi, yoksa önceden hazırlanmış animasyonlar arasından rastgele seçim mi diye kaynağa bakarken ikincisi olduğunu gördüm; garip bir analitik etiketi de fark ettim.
Cloudflare script’i engellediği için siteyi doğrudan kontrol etmek gerekiyor. Merak ettiğim iki şey var: Google’dan script koşulsuz isteniyor ve doNotTrack doğrudan false olarak hardcode edilmiş. Tarayıcım ilgili header’ı gönderdiği için bunun sunucu tarafında düzgün eklenmiş olması da pek olası görünmüyor; ne yapmaya çalıştığını anlamadım.
Evet. Bu animasyonların hepsi sayfaya gömülmüş önceden render edilmiş videolar ve bunlardan biri rastgele seçiliyor.
Buna karşılık shadertoy [1], animasyonların gerçek zamanlı hesaplanıp render edilmesi bakımından gerçekten etkileyici.
Eskiden shadertoy’dan etkilenip Three.js [2] ile arka plan olarak shader kullanan bir web sitesi yapmıştım. Dalgalardan geçen ışığın havuz, göl veya deniz tabanında oluşturduğu sürekli değişen ışık desenleri olan caustics’i gösteriyordu; [3]’e benziyordu. Ziyaretçiler bunun her zaman önceden render edilmiş bir video olduğunu sanıyordu ve birkaç yıllık bir telefonun o shader’ı gerçek zamanlı olarak akıcı biçimde çalıştırmasına gerçekten şaşırıyorlardı.
Birçok animasyon türü var ama harika bir fraktal flame ekran koruyucusu olan Electric Sheep’i hatırlattı.
Yerel olarak kurup zevkinize göre çeşitli “sheep”lere olumlu ya da olumsuz oy verebiliyorsunuz.
[1] https://electricsheep.org/
Kimse sormadığı için ben sorayım: Bu nasıl yapılmış olabilir? Bu tür grafik/görsel programlama için özelleşmiş bir program mı var, yoksa 3D, matematik ve çizim kütüphaneleri kullanan bir grup Python script’i mi, merak ediyorum.
Sitede bu tür animasyonları, özellikle de kusursuz döngü yapan GIF’leri oluşturmak için eğitimler var [1]. Hepsi Processing [2] ile yapılmış gibi görünüyor.
[0]: https://bleuje.com/tutorials/
[1]: https://processing.org/
Yarı rastgele şekilde bir şeyler deneyip, güzel görünenlerin üzerinde yinelemeli olarak çalışmak gerekiyor. Bir tür genetik seçim.
Başka animasyonların kodunu inceleyip genel fikirleri ve kalıpları öğrenmek de iyi olur.
Özelleşmiş programlar da var; Processing gibi bilgisayar sanatı için sık kullanılan diller de var.
Ancak bu işlerde ne kullanıldığından emin değilim.
Çocukken ne zaman çok ateşim çıksa gördüğüm şeyler tam olarak bunlardı.
Anılar bir anda canlandı. Sanırım bir keresinde fazla Sudafed almıştım; yarı rüya yarı uyanık bir halde tam böyle şeyler görmüştüm.
Benim de ergenliğin başlarında gece terörü yaşadığım zamanlar böyle hissettiriyordu.
Masaüstünde sağ tıklayıp tarayıcının denetimleri göster seçeneğine karşılık gelen öğeyi açarsanız döngü noktası epey net görünüyor.
Bazılarında döngü akıl almaz derecede kısa.
Bunu görünce, kötü bir perde arkası gücün yerel halkı hipnotize edip kendi isteğine göre hareket ettirdiği bir film sahnesinde kullanılabilecek bir şey gibi geldi.
“Bakma, al, şunu tak.”
“Kahretsin, çok geç kaldık. Zaten çok derine dalmış.”
“tcp akışını durdurmak için trafiği yeniden yönlendirecek şekilde sunucu mainframe veritabanını yeniden senkronize etmemiz gerekiyor.”
Ayrıca solucan deliği animasyonu için Doctor Who tema müziği şart.
Tuhaf biçimde, dün bu bağlantıyı akrabalarıma mesajla göndermeye çalıştım ama hiç iletilmedi.
Birkaç varyasyon denedim; içinde bleuje . com bağlantısı olan tüm grup mesajları engelleniyor gibi. Bir yerlerde filtre mi var acaba? Android Messages’ta T-Mobile kullanıyorum.
1 yorum
Hacker News yorumları
Animasyonlar tarayıcıda render edilseydi çok daha ilginç olurdu gibi geliyor.
Çalışmasını sağlayan kodla doğrudan oynamak isterdim; yalnızca video sunulup kod verilmemesi biraz burukluk bıraktı.
Kavram odaklı tam eğitimleri de burada görebilirsiniz: https://bleuje.com/tutorials/
Eğitimlerde kesintisiz döngüler için 4 boyutlu noise üzerinde dolaşmak gibi pek çok hoş fikir vardı; kendi projemde de bunlarla oynadım. Processing kullanmasanız bile anlaşılması kolay.
Bu animasyonları görünce 20-25 yıl önce Winamp görselleştirme eklentilerini açık bırakıp müzik dinlediğim zamanlara dönmüş gibi oldum.
Eğlenceli zamanlardı; buradaki animasyonlar da harika.
Kendisi Apple kayıtlı geliştiricisiydi; 90’lardaki WWDC’de ortalıkta dolaştığını da görürdük.
Basit ama eğlenceli zamanlardı.
Monitörün üstüne büyük bir cam mercek koyup tavana yansıtırdık. Esrarı bırakmak için yanlış on yılı seçtiğime dair espri aklıma geliyor.
Rastgele üretim mi, yoksa önceden hazırlanmış animasyonlar arasından rastgele seçim mi diye kaynağa bakarken ikincisi olduğunu gördüm; garip bir analitik etiketi de fark ettim.
Cloudflare script’i engellediği için siteyi doğrudan kontrol etmek gerekiyor. Merak ettiğim iki şey var: Google’dan script koşulsuz isteniyor ve
doNotTrackdoğrudan false olarak hardcode edilmiş. Tarayıcım ilgili header’ı gönderdiği için bunun sunucu tarafında düzgün eklenmiş olması da pek olası görünmüyor; ne yapmaya çalıştığını anlamadım.Buna karşılık shadertoy [1], animasyonların gerçek zamanlı hesaplanıp render edilmesi bakımından gerçekten etkileyici.
Eskiden shadertoy’dan etkilenip Three.js [2] ile arka plan olarak shader kullanan bir web sitesi yapmıştım. Dalgalardan geçen ışığın havuz, göl veya deniz tabanında oluşturduğu sürekli değişen ışık desenleri olan caustics’i gösteriyordu; [3]’e benziyordu. Ziyaretçiler bunun her zaman önceden render edilmiş bir video olduğunu sanıyordu ve birkaç yıllık bir telefonun o shader’ı gerçek zamanlı olarak akıcı biçimde çalıştırmasına gerçekten şaşırıyorlardı.
Birçok animasyon türü var ama harika bir fraktal flame ekran koruyucusu olan Electric Sheep’i hatırlattı.
Yerel olarak kurup zevkinize göre çeşitli “sheep”lere olumlu ya da olumsuz oy verebiliyorsunuz.
[1] https://electricsheep.org/
Kimse sormadığı için ben sorayım: Bu nasıl yapılmış olabilir? Bu tür grafik/görsel programlama için özelleşmiş bir program mı var, yoksa 3D, matematik ve çizim kütüphaneleri kullanan bir grup Python script’i mi, merak ediyorum.
[0]: https://bleuje.com/tutorials/
[1]: https://processing.org/
Başka animasyonların kodunu inceleyip genel fikirleri ve kalıpları öğrenmek de iyi olur.
Ancak bu işlerde ne kullanıldığından emin değilim.
Ana sitede latest animationsa tıklarsanız kronolojik listeyi görebilirsiniz.
[1] https://bleuje.com/animationsite/2023_1/
Çocukken ne zaman çok ateşim çıksa gördüğüm şeyler tam olarak bunlardı.
Masaüstünde sağ tıklayıp tarayıcının denetimleri göster seçeneğine karşılık gelen öğeyi açarsanız döngü noktası epey net görünüyor.
Bazılarında döngü akıl almaz derecede kısa.
Bunu görünce, kötü bir perde arkası gücün yerel halkı hipnotize edip kendi isteğine göre hareket ettirdiği bir film sahnesinde kullanılabilecek bir şey gibi geldi.
“Bakma, al, şunu tak.”
“Kahretsin, çok geç kaldık. Zaten çok derine dalmış.”
“tcp akışını durdurmak için trafiği yeniden yönlendirecek şekilde sunucu mainframe veritabanını yeniden senkronize etmemiz gerekiyor.”
Ayrıca solucan deliği animasyonu için Doctor Who tema müziği şart.
Tuhaf biçimde, dün bu bağlantıyı akrabalarıma mesajla göndermeye çalıştım ama hiç iletilmedi.
Birkaç varyasyon denedim; içinde bleuje . com bağlantısı olan tüm grup mesajları engelleniyor gibi. Bir yerlerde filtre mi var acaba? Android Messages’ta T-Mobile kullanıyorum.