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

100$lık Laptop Projesi, TamTam ve CSound

FZ
21 Temmuz 2006, 1 dakika okuma süresi

One Laptop per Child, nam-ı diğer 100$lık laptop projesi için geliştirilen TamTam müzik yazılımı duyuruldu.

Python/GTK ile geliştirilen yazılım arkaplanda güçlü ve esnek CSound ses sentezleme sistemini kullanıyor ve çocuklara kolay kullanılabilir, eğlenceli bir arayüz sunuyor.

Görülen o ki Dr. Boulanger'nin kısa bir süre önce söylediği "milyonlarca kişi CSound kullanacak" lafı gerçekleşmek üzere.

FM'de daha önce çıkmış bir CSound haberi ile ilgili olarak buraya bakabilirsiniz.

İşitsel programlama notları

misafir
13 Ocak 2006, 3 dakika okuma süresi

Bu yazıda işitsel(audio) programlama konusunda yaptığım küçük bir araştırmanın sonuçlarını paylaşmak istiyorum. Yazının sonuna kısa bir Perl betiği ekleyeceğim. Bunun için Perl ustalarından özür diliyorum. Çünkü henüz çok acemisi olduğum bir dil Perl.

OpenOffice.org 1.0

tongucyumruk
2 Mayıs 2002, 1 dakika okuma süresi

OpenOffice.org geliştirme takımı yazılımın 1.0 sürümünü duyurdu. MS Office ailesine güçlü bir alternatif olan OpenOffice.org Sun Microsystems'ın kaynak kodunu açtığı StarOffice temel alınarak geliştirilmiş bir ofis yazılımı. Yazılım paketinin içinde kelime işlemci, tablolama, sunum ve çizim gibi araçlar geliyor. Programın içinden StarOffice'teki en sinir bozucu olay olan integrated desktop'ın çıkarılmış olması güzel birşey. Ayrıca ekranda gösterdiği türkçe karakterler Linux altında pek iyi gözükmüyorsa da bastığınızda kağıda çok güzel geçiyor...

Turquaz muhasebe 0.3 ve sonrası

huseyin
10 Ekim 2003, 1 dakika okuma süresi

Turquaz açık kodlu muhasebe programının 0.3 versiyonu yayınlandı. Bu versiyonla birlikte, stok, cari, çek-senet, fatura, döviz ve ayarlar modüllerini içeriyor. Detaylı bilgiye ve programa web sitesinden http://www.turquaz.com ulaşabilirsiniz.
Programın bundan sonraki gelişimi için ....

Masaüstü Benzetmesini BumpTop ile Aşın

tongucyumruk
22 Haziran 2006, 2 dakika okuma süresi

Minority Report/Azınlık Raporu filmini izleyipte filmde Tom Cruise'un kullandığı, bilardo eldiveniyle etkileşime geçilen bilgisayarlara özenmeyen yoktur herhalde. Günlük bilgisayar kullanımızda masaüstü kavramı ile hergün karşılaşıyor olsakta aslında bu benzetmenin çok yerinde olduğu söylenemez. "Masaüstü" olarak adlandırdığımız şey genelde dosyaları ve dizinleri ile daha çok bir dosya dolabını andırır. Bu durumdan sıkılan birkaç yazılım geliştiricisi de sonunda bu konuda birşeyler yapmaya karar vermişler. İşte karşınızda: BumpTop

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