HTML5 Canvas Deneyleri

[Pickles]

Çok güzel şeyler var bakmanızı tavsiye ederim.

http://www.effectgames.com/demos/canvascycle/
http://www.feedtank.com/labs/html_canvas/
http://www.andrew-hoyer.com/experiments/cloth
http://www.mrspeaker.net/dev/parcycle/
http://www.nihilogic.dk/labs/strange_attractors/
http://www.professorcloud.com/mainsite/canvas-nebula.htm
http://bomomo.com
http://spielzeugz.de/html5/liquid-particles.html
http://mrdoob.com/13/Fake_floor_reflection
http://hakim.se/experiments/html5/sinuous/01/
http://mrdoob.com/115/Water_HTML5
http://hakim.se/experiments/html5/blob/03/
http://hakim.se/experiments/html5/magnetic/02/
http://hakim.se/experiments/html5/trail/03/
http://hakim.se/experiments/html5/particles/02/
http://29a.ch/sandbox/2010/box2d2/test.html ( bu çok hoşuma gitti)

http://www.openrise.com/lab/FlowerPower/
http://9elements.com/io/projects/html5/canvas/
http://code-laboratory.com/wp-content/uploads/2010/03/piekna_mat_2010_03_23.html
http://kennethjorgensen.com/canvas/tree.html
http://gyu.que.jp/jscloth/

[reyou]

oha cok iyi seyler var, ilki bitirdi zaten kafadan beni,


bu canvas in icini sadece javascript ilemi dolduruyolar?

[Pickles]

php ve javascript karışık sanırsam. her pikselin ne renk olucağını arrayle vermiş heralde manyak. save ettim siteyi içindeki 1mblık php dosyasında sırf array vardı tek bi metod altında

[di]

reyou said:

oha cok iyi seyler var, ilki bitirdi zaten kafadan beni,


bu canvas in icini sadece javascript ilemi dolduruyolar?

HTML5.

Javascript'i lazim oldugu yerde kullanacaksin yine ama bu ozellik HTML'in yeni ozellikleri ile birlikte geliyor kisaca.

[Ractamainus]

reyou said:

bu canvas in icini sadece javascript ilemi dolduruyolar?

evet, sadece javascript ile.

, html5 ile gelen ve javascriptle dinamik çizime izin veren bir element.

daha da güzeli canvas elementi, bir çok standartın aksine cross-browser tecrübelerinde daha az problemli.

ayrıca ie9 ve ff4'ten sonra chrome'dan gelen açıklamada da, yeni nesil browser'ların gpu kullanacağı söylendi. haliyle ileride çok daha stabil olacak gibi görünüyor browser-tabanlı çizimler. şimdilik böyle test çizimleri daha çok.

[reyou]

sunu alip okiyim bari;

http://ecx.images-amazon.com/images/I/514zEIrSMGL._SL500_AA300_.jpg

cilgin atar bisiye benziyo.

[reyou]

bu arada;

su cevap

Ractamainus said:

reyou said:

bu canvas in icini sadece javascript ilemi dolduruyolar?

evet, sadece javascript ile.

, html5 ile gelen ve javascriptle dinamik çizime izin veren bir element.

daha da güzeli canvas elementi, bir çok standartın aksine cross-browser tecrübelerinde daha az problemli.

ayrıca ie9 ve ff4'ten sonra chrome'dan gelen açıklamada da, yeni nesil browser'ların gpu kullanacağı söylendi. haliyle ileride çok daha stabil olacak gibi görünüyor browser-tabanlı çizimler. şimdilik böyle test çizimleri daha çok.

su cevaptan daha iyi;

di said:

reyou said:

oha cok iyi seyler var, ilki bitirdi zaten kafadan beni,


bu canvas in icini sadece javascript ilemi dolduruyolar?

HTML5.

Javascript'i lazim oldugu yerde kullanacaksin yine ama bu ozellik HTML'in yeni ozellikleri ile birlikte geliyor kisaca.

uzgunum di senden iyi bir ogretmen olmaz,
cevaplarin cok yuvarlak ve kesin degil :D

[aquila]

ben daha güzelini veriim.


bilgisayar olm bu, tabi ki yapıcak.

[Pickles]

Alınacak ve okunacak ne çok kitap var ooyoy

[Bone]

oha ilki eski dos oyunları gibi olmuş. çok pis nostalji oldum.

[di]

Evet abi olmaz. Farkindayim. Hani gayet guzel anlatirim istedigimde uzun uzun da sabirsizim ben biraz.

[reyou]

yalniz browserlar cok pis optimizasyona gitmesi lazim
kasim kasim kasiliyolar.

[Oce4n]

html5'in kitabı neye göre çıktı ki merak ettim.
Daha browserlar yeni yeni adapte oluyolar... Çok eksik var daha

[Ractamainus]

kitabın alt başlığı biraz kopya veriyor aslında; "powerful API's for richer internet applications".

mesela video elementi youtube, dailymotion gibi sitelerin gündeminde. ne bileyim bu canvas elementiyle online resim çizme programı tadında web servisleri falan yapıyorlar, "deneme" amaçlı.. performans amaçlı, css3 ile modal box denemeleri vs. ya da semantik amaçlı microformats yerine navigation, article elementleri vs deneniyor..

yani sektörün başını çeken kişi ve kurumlar, doğrudan uygulamaya koymasa da uygulama alanlarını çıkarmaya başladılar html5'in.. haliyle bu kitap da, bu gelişmelerin gerisinde kalmamak adına faydalı olabilir. çünkü hiç bir zaman "html5, css3, ecmascript5 standartları çıktı ve tüm browser'larda tamamen uygulanıyor. tüm platformlar eşitlendi" falan gibi bir şey olmayacak. o yüzden sürekli takip etmekte fayda var bu teknolojileri..

[b1vRiP]

webgl

[Ractamainus]

abi bir kelime terim kullanıp gitmeyin allahınızı seviyorsanız.. bari anlamlı bir cümle oluşturun.

evet, webgl var. yani?

bu yaptığın, windows aplikasyonu yapan adama "opengl" demek gibi bir şey..

[b1vRiP]

tamam kusra bakmayın.

şimdi efendim webgl canvas elementini kullanan OpenGL ES 2.0 üzerine geliştirilmiş ve javascript kullanılarak yazılan bence efsanevi ve çığır açıcı bir şey.
kişisel görüşüm akla ilk web-based oyun yapımında kullanılacağı gelse de aslında bundan çok daha fazlasını yapıp 3d tasarımlı oldukça ilginç siteler yapılabileceği.

genel bilgi için:
WebGL Wikipedia
official sitesi:
Khronos Webgl

şöyle de bi preview var benim ağzımın suyunu akıttı valla:
http://www.youtube.com/watch?v=2rpKpj6ZO9w

bu da preview ama gerçekliğinden emin değilim
http://www.youtube.com/watch?v=Vva36undIss&NR=1

aslında bi yerde quake2 hakkında bir şey gördüm ama araştırmaya fırsatım olmadı. bulursanız bir deneyin ya da şehir efsanesidir bilemiyorum.

dediğim gibi iyice örnek araştırmaya fırsatım olmadı o yüzden canlı adres veremiyorum bulursanız yazın bi bakalım.

[reyou]

ah ulan su caydanlik yokmu 1999 dan beri her turlu 3d modelin ilk adimidir lan :D

bi demleyemediler gitti cayi sunun icinde.

[reyou]

b1vRiP said:

tamam kusra bakmayın.



aslında bi yerde quake2 hakkında bir şey gördüm ama araştırmaya fırsatım olmadı. bulursanız bir deneyin ya da şehir efsanesidir bilemiyorum.

dediğim gibi iyice örnek araştırmaya fırsatım olmadı o yüzden canlı adres veremiyorum bulursanız yazın bi bakalım.

efsane degil ben basligini acmistim direk browser uzerinden oynuyosun quake 2 yi, biraz kasiyodu ama cok iiyiydi yani

[Ractamainus]

sağol bivrip =)

aslında ben ne demek istediğini anlamak adına açıklamanı istemiştim biraz da. tanımı için değil. zira konu açısından baktığımızda webgl, çizim adına canvas'ın yerini alacak şey mi tartışılır..

hani dedim ya; windows forms uygulaması yapan bir adamın, her çizim için opengl tarzı bir API'a ihtiyacı yoktur. web uygulamaları için de gelecek webgl'de mi? bilemeyiz..

misal şu anda webgl'e dahil olan o3d plugin'ini çıkarmıştı google. yukarıda reyou'nun bahsettiği olay.. ve o plugin çıktığında pek ilgi görmediği gibi, "browser'ların gerçekten buna ihtiyacı var mı?" gibi sorular da dolaştı ortalıkta.

ama şu da var; yukarda bahsettiğim gibi html5 spesifikasyonunun getirdiklerinin de zorlamasıyla, yeni browserlar kaynak olarak yavaş yavaş gpu kullanmaya başlayacaklar. bu da webgl gibi projelerin önünü açıyor.

tldr için; şu haliyle canvas ayrı, webgl ayrı konu bence.