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

Squeak by Example: Açık Squeak Kitabı

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

Smalltalk-80 programlama dilinin ve ortamının açık kaynak kodlu bir gerçekleştirimi olan Squeak için açık bir kitap projesi ilk çıktısını vermek üzere.

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 tabanlı Türkçe deasciifier

FZ
19 Temmuz 2010, 3 dakika okuma süresi

Kısa süre önce Deniz Yüret'in Türkçe 'deasciifier'ını (turkish-mode, Emacs Lisp ile yapılmış) Python'a çevirdim. Kaynak kod adresi: http://github.com/emres/deasciifier.

'deasciification' ve 'deasciifier' terimlerine aşina olmayanlar için kısa açıklama: Türkçe harfler kullanılmadan, sadece ASCII harfler ile yazılmış Türkçe metinlerin, düzgün şekilde Türkçe harfler kullanılarak yazılmış hale çevrilmesine 'deasciification' denir. Bu duruma bir örnek verelim, girdi metni mesela

"Opusmegi cagristiran catirtilar."

ise, çıktı metni şöyle olmalıdır:

"Öpüşmeği çağrıştıran çatırtılar."

Skype'ye rakip: Gizmo Projesi

Soulblighter
23 Ağustos 2005, 1 dakika okuma süresi

40 milyon kişi tarafından kullanılan Skype'ye ciddi bir rakip geliyor: Gizmo Projesi.

Windowsçular için Açık Kaynak Kodlu Yazılımlar

FZ
10 Aralık 2002, 1 dakika okuma süresi

Bir grup cesur adam demiş ki "GNU/Linux ile haşır neşir olanlar zaten açık kodlu yazılım, özgür yazılım nedir ne değildir biliyor, biz MS Windows kullananları hedefleyerek şöyle ortaya karışık bir güzellik yapalım adını da TheOpenCD projesi koyalım."

Evet, aynen böyle demişler ve binbir değişik yerden download edebileceğiniz bir CD hazırlamışlar bunun içine de masaüstü kullanıcısını hedefleyerek OpenOffice.org, DictInstall, AbiWord, Beonex Communicator, FileZilla, Putty, WinVNC, XChat, Audacity, CDex,7-Zip, NetTime, Win Privacy Tray, Sokoban YASC 1.53, Celestia gibi yazılımları koymuşlar.

CD'de söz konusu yazılımlara ek olarak açık kaynak kodlu yazılım felsefesi ile ilgili makaleler ve başka bilgiler de mevcut.

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