5/7 sayfa
|
9 Mart 2010
Canvas: Eklenti olmadan oyun ve 3D uygulamalar

Web tarayıcıda oynan oyunlar birçok büro ve kişisel bilgisayarda en iyi vakit öldürme yöntemidir. Burada da en sık kullanılan teknik Adobe Flash Player.
Video oyunları çok popüler ve her geçen gün daha hızlı bir şekilde platformdan bağımsız tarayıcıları fethediyorlar. Bu yüzden yeni HTML 5 standardının taslağının tarayıcı oyunları için de bir altyapı sunması pek de şaşırtıcı değil. Zira bu tip projeler Canvas çizim alanı ile halledilebiliyor.
Lâkin Canvas öğeleri ile çalışmak video ve ses öğeleriyle çalışmaktan biraz daha karmaşık. İngilizce dilindeki Canvas kelimesi "tuval" anlamına geliyor; keza HTML etiketi "canvas" da sadece grafiksel nesneler için bir ortam hazırlandığına işaret ediyor. 2D veya 3D olsun tüm renk ve biçim oluşturma işleri javascript ile gerçekleşiyor. Dolayısıyla bu durumda Flash ve buna has mevcut grafiksel geliştirme ortamından vazgeçmek çok daha büyük bir kodlama çabasına mal oluyor.
Fakat bu engelden korkmayanlar sadece tarayıcıda çalışmakla kalmayan, aynı zamanda bir Flash oyunundan daha az CPU yükü oluşturan mini oyunlar geliştirebilir. Aşağıdaki linke tıklayarak ulaşacağınız örnekte öncelikle ağaç kütüğünü suda uygun bir pozisyona yerleştirmeniz ve bölüme göre belli sayıda kurbağayı üzerine oturtmanız gerekiyor. En geç ikinci bölümde temel fizik öğelerinin de eklenebileceği anlaşılıyor.
Örnek bir HTML 5 oyunu: Frog Log
Eklenti ile daha karmaşık oyunlar
Kullanıcılar gelecekte web tarayıcılarında çok daha sofistike oyunları çalıştırabilir. Lâkin bu durumda Canvas ve javascript kullanılması geliştiriciler için büyük bir ek çaba anlamına geliyor. Bu yüzden tarayıcı oyunlarındaki eğilim eklentilere doğru ilerlemeye devam edebilir. Zira böylece geliştiriciler hazır kaynaklara erişim sağlayabilir.
Video oyunları çok popüler ve her geçen gün daha hızlı bir şekilde platformdan bağımsız tarayıcıları fethediyorlar. Bu yüzden yeni HTML 5 standardının taslağının tarayıcı oyunları için de bir altyapı sunması pek de şaşırtıcı değil. Zira bu tip projeler Canvas çizim alanı ile halledilebiliyor.Lâkin Canvas öğeleri ile çalışmak video ve ses öğeleriyle çalışmaktan biraz daha karmaşık. İngilizce dilindeki Canvas kelimesi "tuval" anlamına geliyor; keza HTML etiketi "canvas" da sadece grafiksel nesneler için bir ortam hazırlandığına işaret ediyor. 2D veya 3D olsun tüm renk ve biçim oluşturma işleri javascript ile gerçekleşiyor. Dolayısıyla bu durumda Flash ve buna has mevcut grafiksel geliştirme ortamından vazgeçmek çok daha büyük bir kodlama çabasına mal oluyor.
Fakat bu engelden korkmayanlar sadece tarayıcıda çalışmakla kalmayan, aynı zamanda bir Flash oyunundan daha az CPU yükü oluşturan mini oyunlar geliştirebilir. Aşağıdaki linke tıklayarak ulaşacağınız örnekte öncelikle ağaç kütüğünü suda uygun bir pozisyona yerleştirmeniz ve bölüme göre belli sayıda kurbağayı üzerine oturtmanız gerekiyor. En geç ikinci bölümde temel fizik öğelerinin de eklenebileceği anlaşılıyor.
Örnek bir HTML 5 oyunu: Frog Log
Eklenti ile daha karmaşık oyunlar
Kullanıcılar gelecekte web tarayıcılarında çok daha sofistike oyunları çalıştırabilir. Lâkin bu durumda Canvas ve javascript kullanılması geliştiriciler için büyük bir ek çaba anlamına geliyor. Bu yüzden tarayıcı oyunlarındaki eğilim eklentilere doğru ilerlemeye devam edebilir. Zira böylece geliştiriciler hazır kaynaklara erişim sağlayabilir.
Internet’i daha hızlı gezin:
Google Chrome yüklemek için tıklayın
Sonraki Sayfada:
FORUMDA TARTIŞIN
Oyla:
En Düşük
En Yüksek
Yasal Uyarı: CHIP Online üzerinde yayınlanmakta olan bu haber/makalenin tüm hakları Doğan Burda Dergi Yayıncılık ve Pazarlama A.Ş.'ye aittir. Bu içeriği CHIP Online tarafından belirlenen kurallar çerçevesinde kaynak göstererek kendi online kaynaklarınızda yayımlayabilirsiniz.
Alıntı kuralları için tıklayınız...
Alıntı kuralları için tıklayınız...
YORUMLAR
Toplam 64 yorum
Html5 desteği olmayan firefox kullandığım halde vidyo yu izleyebiliyorum?
| 15 Ara 2010 17:34 | ![]() | ![]() |
Flash ile HTML5 asla birbirine karıştırılmamalı. Bir zamanlar da Silverlight ile Flash savaşı yapılmıştı ama yine Silverlight geri planda kalmıştı.
HTML5 yeni bir teknolojidir ve bu teknolojinin en büyük özelliği CANVAS sistemidir. Bu CANVAS içerisinde Flash'ı da oynatabilirsiniz. Bu nedenle HTML5'te Flash desteği yok diye konuşup rezil olmayın. Tabi CANVAS içerisinde SVG mantığı ile çalışan bir Flash eskisi gibi tarayıcıyı ve işlemciyi zorlamayacaktır.
HTML5 için şu an sadece video oynatabilme özelliğinden bahsediliyor. Evet, güzel bir özellik. Sorarım; HTML5'te Stream yapabilir misiniz? Cue pointler ile çalışabilir misiniz?
Şu an Flash'ın tek sıkıntısı Flash Player'dır. Evet, Flash Player büyük bir sıkıntı. Ancak yakın bir zamanda bu Flash Player mantığından kurtulacağına inanıyorum ki eminim şu anda gece gündüz onun için uğraşıyorlardır.
Ayrıca Google, Chorme tarayıcısında Flash Player'ı direkt gömülü sistem yaptı. Bundan haberi olan var mı?
Ayrıca Flash sadece web platformunda çalışan bir sistem değildir. Masaüstü programlama (zinc desteği)ve mobil programlama (air desteği) konularında da oldukça gelişmiş bir araçtır.
Birkaç somut örnek inceleyelim.
Flash'ta 1dk'da yapacağın banner'ı HTML5'te kaç saatte yaparsın?
Flash'ta 3D dahil her türlü oyunu, multi-player destekli oyunlar felan... yapabiliyorsun. HTML5'te ben en iddialı olarak 3D tetris oyununu gördüm :)
Farmville gibi bir oyunu HTML5'te yapabilir misiniz?
Flash'ta 3D bina modellemeye kadar her türlü aplikasyonlar yapılabiliyor. HTML5?
Flash'ta komplike veritabanı yönetim sistemleri de yapılıyor.
Bu sayılanlardan herhangi birinin HTML5'te yapılabileceğini iddia eden biri olursa ona da sorum şudur: Acaba sende o kodları yazabilecek kadar derinlemesine ileri seviye JS programlama bilgisi ve o kadar uzun kod yazacak zeka ve parmak gücü var mı?
Ayrıca Flash'ın işlemciyi ve tarayıcıyı kastırması tamamen programcının kendi suçudur. Adam gibi kodlama yaparsanız adam gibi grafikler kullanırsanız asla tarayıcıyı ve işlemciyi kastırmaz.
Son söz olarak şunu söylemek istiyorum.
HTML5 BİR ETİKETLEME DİLİDİR. HER ZAMAN OLDUĞU GİBİ. TEK ARTISI CANVAS SİSTEMİDİR!
FLASH BİR ANİMASYON VE PROGRAMLAMA ARACIDIR. ŞU AN İÇİN BİR PLAYER İLE ÇALIŞMAKTADIR. ANCAK GELECEKTE NE OLACAĞI BELLİ OLMAZ!
HTML5 yeni bir teknolojidir ve bu teknolojinin en büyük özelliği CANVAS sistemidir. Bu CANVAS içerisinde Flash'ı da oynatabilirsiniz. Bu nedenle HTML5'te Flash desteği yok diye konuşup rezil olmayın. Tabi CANVAS içerisinde SVG mantığı ile çalışan bir Flash eskisi gibi tarayıcıyı ve işlemciyi zorlamayacaktır.
HTML5 için şu an sadece video oynatabilme özelliğinden bahsediliyor. Evet, güzel bir özellik. Sorarım; HTML5'te Stream yapabilir misiniz? Cue pointler ile çalışabilir misiniz?
Şu an Flash'ın tek sıkıntısı Flash Player'dır. Evet, Flash Player büyük bir sıkıntı. Ancak yakın bir zamanda bu Flash Player mantığından kurtulacağına inanıyorum ki eminim şu anda gece gündüz onun için uğraşıyorlardır.
Ayrıca Google, Chorme tarayıcısında Flash Player'ı direkt gömülü sistem yaptı. Bundan haberi olan var mı?
Ayrıca Flash sadece web platformunda çalışan bir sistem değildir. Masaüstü programlama (zinc desteği)ve mobil programlama (air desteği) konularında da oldukça gelişmiş bir araçtır.
Birkaç somut örnek inceleyelim.
Flash'ta 1dk'da yapacağın banner'ı HTML5'te kaç saatte yaparsın?
Flash'ta 3D dahil her türlü oyunu, multi-player destekli oyunlar felan... yapabiliyorsun. HTML5'te ben en iddialı olarak 3D tetris oyununu gördüm :)
Farmville gibi bir oyunu HTML5'te yapabilir misiniz?
Flash'ta 3D bina modellemeye kadar her türlü aplikasyonlar yapılabiliyor. HTML5?
Flash'ta komplike veritabanı yönetim sistemleri de yapılıyor.
Bu sayılanlardan herhangi birinin HTML5'te yapılabileceğini iddia eden biri olursa ona da sorum şudur: Acaba sende o kodları yazabilecek kadar derinlemesine ileri seviye JS programlama bilgisi ve o kadar uzun kod yazacak zeka ve parmak gücü var mı?
Ayrıca Flash'ın işlemciyi ve tarayıcıyı kastırması tamamen programcının kendi suçudur. Adam gibi kodlama yaparsanız adam gibi grafikler kullanırsanız asla tarayıcıyı ve işlemciyi kastırmaz.
Son söz olarak şunu söylemek istiyorum.
HTML5 BİR ETİKETLEME DİLİDİR. HER ZAMAN OLDUĞU GİBİ. TEK ARTISI CANVAS SİSTEMİDİR!
FLASH BİR ANİMASYON VE PROGRAMLAMA ARACIDIR. ŞU AN İÇİN BİR PLAYER İLE ÇALIŞMAKTADIR. ANCAK GELECEKTE NE OLACAĞI BELLİ OLMAZ!
| 04 May 2010 00:27 | %100 | ![]() | ![]() | %0 |
Flash ölsede kurtulsak.eski kral ölsün yasasin yeni kral :)
| 22 Mar 2010 21:32 | %0 | ![]() | ![]() | %100 |
apple ile adobe bir zamanlar birbirini tamamlayan şirketlerdi özellikle machitosh'un mevcut kullanıcısı sayısına erişmesi TAMAMEN adobenin sayesindedir. Fakat apple mobil ürünler ile yakaladığı başarı sonrası adobe'yi tanımaz oldu ve sonunda iki firmanın ilişkileri bu noktaya kadar geldi. Adobe'nin Mac ürünlerini geri çekmesi durumunda avrupa pazarındaki mac kullanıcısı %50 azalır fakat amerikada bu %25 ile sınırlı kalır. fakat nereden bakarsanız bakın Adobe'nin apple üzerinde bir miktar yaptırım gücü vardır.
Apple bu yaptırım gücünden sıkılmış olacak ki Adobe ile ilişkisini bitirmek istiyor. bu noktada Kaybeden Apple olacaktır. Sonuçta kimse Mac flash destekliyor diye flash kullanmıyor. bilgisayar pazarının lideri olan microsoft flash destekliyor diye flash kullanıyorlar.
Gerçekçi bakarsanız Tasarımcılar için amaç kullanıcıya ulaşmaktır. kullanıcıların çoğu windows kullandığına göre Adobe Apple için sürüm çıkarmasa bile Tasarımcı ve programcılar flash kullanmaya devam edeceklerdir. bu noktada html5 flash'ın yerine geçebilecek bir teknoloji değildir aksine flash'ı güçlendirecektir. HTML5'in başarısızlığı flash'a olan ihtiyacı bir teslimiyet haline getirecek. bu noktada kilit sliverlight'ın elinde.
Bazıları flash'ın performanssız olduğunu iddia etmişler. bu konuda çözülmek üzere. Flash 10'da gelen GPU kullanma özelliği ağırlık kazandıkça performans sorunu bitecek.
kimse zannetmesin bu performans düşüklüğü tamamen flash'ın problemi. birçok programcı multitasking kullanıyor flash üzerinde. flash henüz bunu çekirdeklere dağıtma işlemini gerçekletiremiyor. dolayısıyla bu bir darboğaz'a sebebiyet veriyor. paralel işlemci(GPU) kullanımı bu sorunu kökünden çözecek.
geleceğe yönelik tahminim. apple 2. tablet ürünü arefesinde adobe ile anlaşacaktır. çünkü bu rekabet flash destekleyen diğer mobil cihazlara yarıyacak. mevcut ipad ürününün berbat oluşu buna katkı sağlayacak. ve apple rakiplerine yetişebilmek için adobe ile anlaşıcak.
geleceğin tablet piyasası lideri htc yada hp olacaktır.
Apple bu yaptırım gücünden sıkılmış olacak ki Adobe ile ilişkisini bitirmek istiyor. bu noktada Kaybeden Apple olacaktır. Sonuçta kimse Mac flash destekliyor diye flash kullanmıyor. bilgisayar pazarının lideri olan microsoft flash destekliyor diye flash kullanıyorlar.
Gerçekçi bakarsanız Tasarımcılar için amaç kullanıcıya ulaşmaktır. kullanıcıların çoğu windows kullandığına göre Adobe Apple için sürüm çıkarmasa bile Tasarımcı ve programcılar flash kullanmaya devam edeceklerdir. bu noktada html5 flash'ın yerine geçebilecek bir teknoloji değildir aksine flash'ı güçlendirecektir. HTML5'in başarısızlığı flash'a olan ihtiyacı bir teslimiyet haline getirecek. bu noktada kilit sliverlight'ın elinde.
Bazıları flash'ın performanssız olduğunu iddia etmişler. bu konuda çözülmek üzere. Flash 10'da gelen GPU kullanma özelliği ağırlık kazandıkça performans sorunu bitecek.
kimse zannetmesin bu performans düşüklüğü tamamen flash'ın problemi. birçok programcı multitasking kullanıyor flash üzerinde. flash henüz bunu çekirdeklere dağıtma işlemini gerçekletiremiyor. dolayısıyla bu bir darboğaz'a sebebiyet veriyor. paralel işlemci(GPU) kullanımı bu sorunu kökünden çözecek.
geleceğe yönelik tahminim. apple 2. tablet ürünü arefesinde adobe ile anlaşacaktır. çünkü bu rekabet flash destekleyen diğer mobil cihazlara yarıyacak. mevcut ipad ürününün berbat oluşu buna katkı sağlayacak. ve apple rakiplerine yetişebilmek için adobe ile anlaşıcak.
geleceğin tablet piyasası lideri htc yada hp olacaktır.
| 22 Mar 2010 10:48 | %100 | ![]() | ![]() | %0 |
hangi browser 64 bit destekli ki flash 64 bit destekli. benim bildiğim pc de sadece internet explorer'ın 64 bit sürümü var ki bu sürüm tam bir hayal kırıklığıdır
| 22 Mar 2010 10:29 | %0 | ![]() | ![]() | %100 |
Bu sayfalarda yer alan okur yorumları kişilerin kendi görüşleridir. Yazılanlardan CHIP Online sorumlu değildir.
Lütfen bu bölüme sadece yorumlarınızı yazın. Teknik yardıma ihtiyaç duyduğunuz konuları lütfen forumda ilgili bölüme veya Uzmanına Sorun bölümümüze yazın, yanıtınızı çok daha sağlıklı ve hızlı olarak alabilirsiniz
DONANIM İNCELEMELERİ
CHIP ONLINE FORUM
- HDD'de anormal davranışlar..
- 750 tl ye Sistem topladım bi ...
- server bilgisayar
- 2 gb gtx 680 mi 3 gb HD7970 mi...
- film önerileriniz ?
- Bu bilgisayarla neden oyun ...
- Güvenlik programı deneme süresi..
- Beyler telefon alıcam ama..
- İ.K.İ.Ç KONU CLOSE BY COTRJ65 ...
- Sizce sorun ne arkadaşlar? Ekran ... ...daha fazlası
CHIP Online Uygulamaları
Beş harika kitap kazanmak için tıklayın!
Sadece CHIP Online üyelerine özel...
CHIP Online üyeleri için özel olarak hazırladığımız beş e-kitabı bilgisayarınıza hemen indirmek için tıklayın.
İlginizi Çekebilir
İlişkili diğer video, haber, ürün ve galeriler
- Haber: IE9'a göre Axis, tarayıcıyı yavaşlatıyor!
- Haber: Porno, Facebook'u yendi!
- Haber: Yandex'den aramada yeni bir kolaylık!
- Haber: Aynı klavye ve fareyi birkaç PC ile kullanın!
- Haber: Google, Facebook'a salladı!
- Haber: Microsoft'tan Google'a makas!
- Haber: Samsung ve Apple: Asıl savaş şimdi başlıyor!
- Haber: AVG, Rickroll videosunu kaldırmaya çalıştı!
- Haber: IBM, iPhone 4S'in Siri'sini engelledi!
- Haber: Chrome 19 ne kadar hızlı?
En Çok Okunan Haberler
Bu haftanın en çok okunan haberleri
- 1Şimdi de Galaxy S III'ün arkası...
- 2"O bile Nokia'yı kurtarmayabilir!"
- 3Zaman kaybettiren 10 teknoloji yalanı!
- 4Apple'ın "uzay gemisi" ortaya çıkıyor!
- 5Ve Chrome, Internet Explorer'ı geçti!
- 6Galaxy S3 için kaçınılmaz son!
- 7Steve Ballmer'dan "dev" Windows 8 tahmini!
- 8Galiba bu sefer geliyor!
- 9Eski bir laptop'u hızlandırmanın 5 yolu!
- 10Zuckerberg'in serveti 2.1 milyar dolar düştü!
En Çok Okunan Makaleler
Bu haftanın en çok okunan makaleleri
- 1HTC'nin amiral gemisi One X test merkezimizde
- 2Unutulmaz 8 internet yalanı
- 3Herkes için en iyi DSLR'ler...
- 4En iyi 15 çift çekirdekli cep telefonu!
- 5TEST: Nikon D3200
- 6Çok çekirdekli CPU'lar için 36 popüler araç!
- 7Unutulmayan 10 çöküş!
- 8En iyi ve en şık 12 ultrabook!
- 9Tarayıcınız için en iyi 25 user script!
- 10Efsane ceplerin varisleri
CHIP Online-Video
Son Eklenen Videolar
- Eurovizyon 2012 Birincisi İsveç'in şarkısı
- Can Bonomo'nun Eurovizyon 2012 Finali Performansı (HD)
- Volvo'dan yayalar için hava yastıklı otomobil
- James Bond - Skyfall Fragman (HD)
- Gelişim aşamasındaki Metro Firefox'dan video!
- Google'dan yeni özellik: Knowledge Graph!
- Apple'ın 1984'den kalan Ghostbusters videosu!
- Windows 8'de yer alacak Aile Güvenliği özelliği!
CHIP Online'da Bugün
Son Eklenen Haberler ve Makaleler
- Sıkılarak kullandığımız 10 yazılım!
- IE9'a göre Axis, tarayıcıyı yavaşlatıyor!
- Galaxy S3'ün en güçlü 10 rakibi!
- Opera'yı denemek için 5 neden!
- Porno, Facebook'u yendi!
- Yandex'den aramada yeni bir kolaylık!
- Aynı klavye ve fareyi birkaç PC ile kullanın!
- iPhone 5'te Sony imzası!
- Google, Facebook'a salladı!
- Üstün bir ses deneyimi isteyen oyunseverlere!
Okur Haberleri
Üyelerimizin gönderdiği Teknoloji Haberleri
- Windows 8 sadece 15 dolar !
- Telefonla Evdeki Cihazları Uzaktan Kontrol Etme
- Dev Upload Sitesi Kapandı ! (Mega Upload)
- AMD'den RAGE oyunu için özel sürücü.!
- AMD HD 6990 için özel soğutma
- Google'dan Müzik Keşfetme Sitesi
- Facebook'ta Fotoğraflar Daha Büyük ve Daha Hızlı!
- Twitter Tehlike Saçıyor !
- Şüpheli Dosyaları Analiz Ettirme Siteleri
- LG’den akıllı çözüm!
Dijital Fotoğraf Kursu
CHIP Online-Galeri
Galeriler, Ürünler ve Duvarkağıtları
Cehennemden fırlayan 30 web sitesi!
Dünyanın en kötü web sitelerini sizler için seçtik! Gördüğünüzde kaçacak delik arayacaksınız!
CHIP Dergisi: Mayıs 2012




























