css kulllanarak artık çizgi film karakterleri ya da bir resim yapmak düşüncesi bir insanevladının aklına nasıl gelebilir bilmiyorum. homer ve bush çizimlerinin CSS ve ASCII karakterleri kullanılarak yapılışını görünce bu soruyu siz de kendinize sorabilirsiniz.
çizimler jquery isimli bir javscript kütüphanesi kullanılarak gerçekleştirilmiş.(@Ractamainus 'un düzeltmesi şöyle: "bu kütüphane sadece yavaş olarak bu işlemin izlenebilmesi için kullanılmıştır") aşağıda çizimin gerçekleşme anından bir ara kesit bulunuyor.
burada homer çizimini, şurada ise fucking bush çizimini görebilirsiniz. şurada ise çizimin yavaş olarak gerçekleşmesi gösteriliyor.
daha fazla jquery uygulaması görmek isterseniz bu ve şu yazılara göz atabilirsiniz.
« önceki yazı Müzik severlere özel saat |
sonraki yazı » ooVoo: Ücretsiz Kanada ve Amerika ile görüşün |
Yorumlar
Akıllara zarar. 40 altın, kırk sopa paketiyle derhal ödüllendirilmeli.
| realidad | |
|
|
(0 puan) |
|
| 05 Mayıs 2008 13:24 |
bildiğim kadarıyla çizimler jquery ile yapılmadı.
roman cortes denen insan evladı, sadece css teknolojisi ile yapmış. hatta sonradan css2jpeg diye bir masaüstü uygulaması bile geliştirdi, resimleri otomatikman css'e çeviren..
neyse sonra bunu gören ismini ve sitesini hatırlamadığım (ve tembellikten mevcut bildirideki linklerde olma ihtimalini de es geçtiğim) bir zat-ı muhterem, jquery ile gavurların step by step (oooo beybeeee), bizim ise adım adım diye tabir edeceğimiz biçimde css ile resmin ortaya çıkışını animasyon haline getirdi. konunun jquery ile bağı bu kadar. ne fazlası, ne azı. valla bak..
| Ractamainus | |
|
|
(0 puan) |
|
| 05 Mayıs 2008 14:50 |
CSS ile yeni ilgilenmeye başladım. Lisanslı yazılım kullanacam diye Dreamveawer falan kullanmadığım için çok zorlanıyorum. Bu adam aşmış. Derdi ne acaba.
| Aruz | |
|
|
(0 puan) |
|
| 05 Mayıs 2008 15:05 |
@aruz;
dreamweaver'ın bedava alternatifleri de var. deneyebilirsin. en azından css ile intellisense kullanmak, daha hızlı adapte olmana yardımcı olacaktır.
| Ractamainus | |
|
|
(0 puan) |
|
| 06 Mayıs 2008 09:30 |
CSS için başlangıçta bir editor kullanmak cazip. Lakin elle tıkır tıkır css kodu yazmak pek çok insan evladı için ermişlik yolundaki sınav gibi olsa da buna değer.
Her tarayıcının farklı CSS yorumlamaları sebebi ile css ye takla attırmaya çalışacaksınız bilginiz olsun.
| ZZombie | |
|
|
(0 puan) |
|
| 07 Mayıs 2008 20:50 |
@zzombie,
sana da aptana'yı öneriyim o zaman =) zira aptana'da hazır kontrolleri sürükle-bırak ile taşıyarak oluşturmuyorsun zaten html, css ya da js'i. sadece intellisense ve renklendirme ile yardımcı oluyor. ayrıca cross-browser için standartları da belli ediyor.
...ki şunu anlamıyorum; size yardımcı olacak tool'lar varken, notepad gibi ilkel editörler kullanmak neden? zaman kaybı her şeyden önce. ide kullanmak amatörlük ya da bilmemezlik değildir ki ;)
| Ractamainus | |
|
|
(0 puan) |
|
| 08 Mayıs 2008 09:31 |
...ki şunu anlamıyorum; size yardımcı olacak tool'lar varken, notepad gibi ilkel editörler kullanmak neden?...
@Ractamainus, üzerime alınmıyorum ama sadece kullanmak zorunda olanlar ilkel düzenleyicileri kullanır. İlkel düzenleyici kullandığını söyleyenler de zaten uzun süre sabredemez. Söylediğin programı denedim ama pc kaldırmadı. EclipseStyle diye bi programı kullanıyorum ama o da çok ilkel.
| Aruz | |
|
|
(0 puan) |
|
| 08 Mayıs 2008 10:43 |
@Ractamainus +1.
öğrenme sürecinde notepad. sonrasında saçmalamaya lüzum yok.
| delizade | |
|
|
(0 puan) |
|
| 08 Mayıs 2008 12:29 |
@aruz;
pek tabii üzerine alınmamalısın =) zira yaptığım sataşmak değil, sadece doğru yolu bulmaya çalışmak ;)
aptana'ya gelince.. kusursuz bir program diyemiyorum maalesef.. zira java vm üzerinde koşuyor ve karşılaştığım her java program gibi (=P) performans problemlerine sebep oluyor. zaten ben de sadece onu kullanmıyorum açıkçası.. sadece kullandığım diğer programlar (bir tane değil) ücretli olduğu için, konuya dahil etmedim.
| Ractamainus | |
|
|
(0 puan) |
|
| 09 Mayıs 2008 10:11 |
pillinetwork sitelerine yorum ekleyebilmek ve daha fazlası için, üye olun ya da giriş yapın.
İlgili Yazılar
- Flash mx 2004 ile karakter cizimi ve animasyonu. (0)
- müjde ! pakeimam ve sayko geri döndü (7)
- Çizgi Film Nasıl Yapılıyor? (1)
- Daha hızlı yüklenen web sayfaları tasarlamak (10)
- Stop-Motion Nedir? Ne değildir? (3)
- 20 Mükemmel Javascript Navigasyon Teknik ve Örneği (1)
- 15 Mükemmel Jquery Navigasyon Tekniği ve Çözümü (0)
- jQuery ve CSS ile Page Peel Effect'i (9)
- 3D Animasyonlar - İlham Kaynağı (3)
- 40+ çizgi karakter illustrator dersi (3)
Bu Yazıyı Tutanlar
Beğendiğiniz bir yazıya "tuttum" demek için başlığın yanındaki yıldıza tıklayabilirsiniz.
