JavaScript ile çizim yapmanın kolay yolu: <canvas>

canvas, Apple'ın Dashboard ile çıkarttığı bir HTML elemanı.

Safari ve Gecko 1.8 tabanlı tarayıcıların (mesela Firefox) da desteklediği bu elemana son destek Google'dan geldi.

ExplorerCanvas adlı Google ürünü canvas elemanının Internet Explorer tarafından da yorumlanabilmesini sağlıyor.

Bu adres, canvas kullanmaya başlamanız için yeterli olacaktır. Dokümanda belirtilmiş birkaç örnek ise oldukça başarılı.

Kimbilir, belki bir fazlamesai.net üyesi bu belgenin Türkçe versiyonunu duyurur.

Görüşler

anonim
yaklaşık 20 yıl önce

Opera da, 9 teknik inceleme 1'den beri web canvas destekleyen tarayıcılar arasında. Web canvas gelişirse, flash'ı tahtından edebileceğini düşünmekteyim. http://my.opera.com/WebApplications adresinde de yapılan bir kaç basit oyun bulunmakta.

anonim
yaklaşık 20 yıl önce

{Yorumuma başlamadan önce, özellikle javascript ve flash hakkında çok fazla detaylı bilgiye sahip olmadığımı belirtmeliyim..} Bence her türlü sesin (mp3, waw), karakterin (animasyon karakterleri, hareketler..) ve etkileşim öğelerinin (menüler vs..), action script gibi bir script dili ile beraber TEK BİR DOSYANIN İÇERİSİNDE (fla, swf) barındırması, bence flash ın en büyük artısıdır...
Javascript'in browser bağımlı bir CANVAS nesnesini arkasına alarak Flash ın yerini alması bence çok zor görülüyor...
Özellikle banner ve etkileşim yönünden, hele hele bir şirketin komple bir web sayfasını flash ile yapabilmek varken, javascript in bu yönlerden meydan okuması çok zor...

Görüş belirtmek için giriş yapın...

İlgili Yazılar

Oyun Oynamayı Öğrenen Sistem: CogVis

FZ
26 Ocak 2005, 1 dakika okuma süresi

Yorkshire, İngiltere'deki University of Leeds araştırmacıları tarafından geliştirilen CogVis sistemi "kağıt, makas, taş" oyununu sadece gözlem yaparak oynamayı öğrendi. Sistem kaydettiği video ve ses verisindeki örüntüleri tarıyor ve hipotezler öne sürüp bunları test ederek oyunun kurallarını yavaş yavaş öğreniyor. Sistemde önceden oyuna dair tanımlanmış (hard-coded) herhangi bir kural bulunmuyor.

Kaynak: http://www.newscientist.com/article.ns?id=dn6914

FM sitesinde daha önce yapay zeka ve bilişsel bilim (cognitive science) ile ilgili yayınlanmış bazı yazılar:

EnderUNIX'den 11. yerli yazılım

honal
2 Ocak 2005, 1 dakika okuma süresi

EnderUNIX VoIPong, bağlı olduğu ağda, bütün trafiği görebilen bir noktaya yerleştirildiğinde, o anda aktif olan bütün VoIP çağrılarını tespit edebilmekte ve G711 algoritması ile sıkıştırılmış olanları (örneğin Microsoft Netmeeting görüşmeleri) PC'lerin "de facto" ses dosyalama standardı WAVE dosya formatında (.wav) diske kaydedebilmektedir. Sonradan, bu görüşmeler standart bir ses ortam yürütücüsü (örneğin Linux play, Windows Media Player) ile açılıp dinlenebilmektedir.

Açık Squeak Kitabı Yayınlandı

zekzekus
15 Eylül 2007, 1 dakika okuma süresi

Geçtiğimiz günlerde burada haberini verdiğimiz açık Squeak kitabı yayınlandı.

Dillo 0.6.5

m1a2
28 Nisan 2002, 1 dakika okuma süresi

200 KB civarı kilosuyla çok işler yapabilen minik browser`ınız yeni sürümüyle karşınızda. Sun Sparc`tan iPAQ`e kadar bir çok platform`da çalışan Dillo`nun Fazlamesai`nin yorum alanlarında kaybolmaması için yeni sürümü de fırsat bilerek şöyle bir vitrine koymak güzel olur diye düşündük. Hemen şuradan indirip, derleyelim ve deneyelim. Bu işlem için harcayacağımız vakit ayrıntılı bir tanıtımı okumaya ayrılacak süreden daha kısa olacaktır kanaatimizce ;) Yeni sürümün flash özelliğini belirtelim ama. 0.6.5 çerez (cookie) desteğiyle geliyor ve tabii olmazsa olmaz bugfix`lerle.

Python 2.3 çıktı

tongucyumruk
30 Temmuz 2003, 1 dakika okuma süresi

Python'un birçok yenilik içeren 2.3 sürümü çıktı. Özellikle "iteration" konusundaki yeniliklerin göze çarptığı yeni sürümdeki değişikliklerden bazıları şöyle:

Kaynak kodu dosyalarında karakter seti belirtilebiliyor
Evrensel yeni satır karakteri desteği eklendi
Zip dosyalarından modül alabilme yeteneği
Windows sistemlerde Unicode dosya isimlerine erişim
Jeneratör desteği
Gerçek bir boolean veri tipi
enumerate() ve sum() fonksiyonları

JavaScript ile çizim yapmanın kolay yolu: &lt;canvas&gt;