{"id":789,"date":"2014-02-13T15:35:58","date_gmt":"2014-02-13T15:35:58","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=789"},"modified":"2015-03-02T13:32:39","modified_gmt":"2015-03-02T13:32:39","slug":"html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/","title":{"rendered":"HTML5 Canvas Demolar\u0131: Geli\u015ftiricilerin Moda D\u00fcnyas\u0131n\u0131 Harekete Ge\u00e7irmek i\u00e7in \u0130lerici Bir Yol!"},"content":{"rendered":"<p>Adaletli konu\u015fmak gerekirse, HTML5 canvas web geli\u015ftiricileri ve toplum aras\u0131nda ger\u00e7ek bir mucize haline geldi\u011fini itiraf etmek istiyorum. \u00a0Canvas teknolojisi eskimi\u015f Flash modas\u0131ndan ka\u00e7\u0131n\u0131larak, sonuna kadar geli\u015ftirilmi\u015f HTML5 ve JavaScript ile istismar edilen statik nesneleri hareketlendirmek i\u00e7in inan\u0131lmaz f\u0131rsatlar sunmaktad\u0131r. Zaten anlayabilece\u011finiz gibi, bu g\u00fcn\u00fcn blog yaz\u0131s\u0131 g\u00f6zlerinizi yuvalar\u0131ndan f\u0131rlatacak m\u00fcthi\u015f \u015fa\u015f\u0131rt\u0131c\u0131 <strong>HTML5 canvas demolar\u0131<\/strong>n dan olu\u015fmaktad\u0131r, s\u0131k\u0131c\u0131 bir izlenimden \u00e7ok uzak olacak. Ancak estetik zevk dalgas\u0131n\u0131n i\u00e7ine dalan web geli\u015ftiricilerin bir \u00e7o\u011fu i\u00e7in ilgili sorular\u0131 cevaplayabilmek ad\u0131na \u00e7al\u0131\u015fal\u0131m:\u00a0<em>HTML5 canvas uygulaman\u0131n amac\u0131 nedir?<\/em><\/p>\n<p>Biz bug\u00fcn oyunlar hakk\u0131nda konu\u015fmayaca\u011f\u0131, onlar\u0131n ana atamalar\u0131n\u0131 g\u00f6stermeye \u00f6zen g\u00f6sterece\u011fiz. Oyunlar bizi biraz dinlendirecek, e\u011flendirecek bir ka\u00e7 dakika zaman \u00f6ld\u00fcrmek ad\u0131na olu\u015fturulmu\u015ftur. Bununla birlikte oyun potansiyelini de g\u00f6z ard\u0131 etmememiz gerekmektedir. Bunlar\u0131n boyutlar\u0131 Scriptler ile s\u0131n\u0131rl\u0131 \u00e7\u00fcnk\u00fc \u00e7ok uzun zaman \u00f6nce web tabanl\u0131 de\u011fil ger\u00e7ek zamanl\u0131 grafikler olduk\u00e7a kolay hacklene biliyorlard\u0131. Nitekim g\u00fcn\u00fcm\u00fczde \u00e7oklu platformlar i\u00e7in piksel tabanl\u0131 oyunlar geli\u015ftirmek i\u00e7in parlak umutlar bulunuyor.<\/p>\n<h3>HTML5 canvas \u00f6zelli\u011fini bu kadar \u00f6zel k\u0131lan nedir?<\/h3>\n<ul>\n<li><strong>B\u00fcy\u00fck potansiyel<\/strong>. \u00f6ncesinde canvas \u00f6zelli\u011fi geli\u015ftiriciler i\u00e7in dikd\u00f6rtgenler, metin olu\u015fturma ve g\u00f6r\u00fcnt\u00fcleme ile s\u0131n\u0131rl\u0131 kalm\u0131\u015ft\u0131. Baz\u0131 topluluk \u00fcyeleri tam olarak ula\u015f\u0131lamad\u0131\u011f\u0131n\u0131 iddia edebilir, bir UI\/ grafik katman programc\u0131s\u0131 piksel olarak \u00a0ayarlayabilir. Bu d\u00fc\u015f\u00fcnceler ne kadar sa\u011flam olsa da yine de yepyeni canvas sayesinde bir seviyede baz\u0131 ger\u00e7ekleri g\u00f6z ard\u0131 etmemek gerekmektedir. Size sundu\u011fum canl\u0131 \u00f6rneklerde tam olarak ne demek istedi\u011fimi anlayabileceksiniz.<\/li>\n<li><strong>Grafik g\u00f6rselle\u015ftirmesi (Planlar ve \u00a0Grafikler)<\/strong>. Bunlar Flash, SVG ve HTML \/ CSS teknolojileri kullan\u0131larak uygulanm\u0131\u015ft\u0131r. Ancak canvas ile bu durum de\u011fi\u015fti, geli\u015ftiriciler \u015fimdilerde akl\u0131n\u0131za gelebilecek herhangi bir \u015feyi istedikleri \u015fekilleri verebilirler.<\/li>\n<li><strong>Banner reklamlar\u0131<\/strong>. Flash g\u00f6r\u00fcnt\u00fcleri art\u0131k ho\u015f olmad\u0131\u011f\u0131ndan, canvas teknolojisi kullan\u0131larak modern reklam alanlar\u0131 geli\u015ftirilebilir.<\/li>\n<li><strong>Canvas k\u00fct\u00fcphaneleri <\/strong>geli\u015ftiriciler i\u00e7in yararl\u0131 \u015feyler olu\u015fturmak i\u00e7in kapsaml\u0131 olarak bilgisayar-grafik programlama deneyimini ile yapabilirsiniz.<\/li>\n<li>\n<div id=\"gt-src-c\">\u00a0<strong>Em\u00fclat\u00f6rleri\/Sim\u00fclat\u00f6rler<\/strong>. Her ikisinde de tam \u00e7ekirdek veya g\u00f6rsel yada JS uygulanabilmektedir.<\/div>\n<\/li>\n<li><strong>Uzaktan bilgisayar kontrol\u00fc<\/strong>. Canvas WEB tabanl\u0131 veri ta\u015f\u0131ma i\u015flemi ile g\u00fcvenli olarak g\u00f6r\u00fcnt\u00fcleyicileri olu\u015fturmaya olanak sa\u011flar.<\/li>\n<li><strong>H\u0131zl\u0131 yaz\u0131 yenili\u011fi<\/strong>. \u00d6zel font olu\u015fturma tamamen web tabanl\u0131 olarak olu\u015fturulabilir.<\/li>\n<li><strong>G\u00f6r\u00fcnt\u00fc edit\u00f6r\u00fc<\/strong>. Her \u015fey %100 web tabanl\u0131 olabilir.<\/li>\n<li><strong>\u0130nce malzeme Widgetizing<\/strong>. Geli\u015ftiriciler di\u011fer sitelerde bulunan i\u00e7eri\u011fi m\u00fcthi\u015f bir \u015fekilde k\u00fcl\u00e7eler gibi g\u00f6rmeleri m\u00fcmk\u00fcn olacakt\u0131r.<\/li>\n<li><strong>\u00c7evrim i\u00e7i belge d\u00fczenleme<\/strong>. Bu taray\u0131c\u0131 kayna\u011f\u0131na ba\u011fl\u0131 olmad\u0131\u011f\u0131ndan Teamlab.com ekibi taraf\u0131ndan bulunan edit\u00f6r olduk\u00e7a etkili olacakt\u0131r. \u00a0Kendi motorlar\u0131n\u0131 kullanabilir ve render ara\u00e7lar\u0131n\u0131 da kullanabilirler. E\u011fer docs google veya ba\u015fka bir \u00e7evrim i\u00e7i dosyay\u0131 yazd\u0131rabilmek i\u00e7in docx al\u0131rken s\u0131k s\u0131k olabilir, yenilik\u00e7i d\u00fczenleme sonras\u0131nda belge herhangi bir taray\u0131c\u0131 \/ i\u015fletim sistemi \/ bi\u00e7imi kesinlikle ayn\u0131 g\u00f6r\u00fcnecektir ve hi\u00e7 bir bi\u00e7imlendirme ve i\u00e7erik kayb\u0131 olmayacakt\u0131r.<\/li>\n<li><strong>Veri g\u00f6rselle\u015ftirmek ve i\u015flemek i\u00e7in \u00f6l\u00e7eklendirilebilir bir yol<\/strong>. Bir \u00e7ok geli\u015ftirici dinamik g\u00f6rselle\u015ftirme olu\u015fturmak i\u00e7in SVG kullanmaya devam etmektedir; Ancak sonu\u00e7 kesinlikle \u00f6l\u00e7eklendirilebilir de\u011fildir. Siz bir ka\u00e7 temel unsuru ekledikten sonra taray\u0131c\u0131n\u0131n DOM motoru duyarl\u0131 sayfay\u0131 korumas\u0131 m\u00fcmk\u00fcn olmayacakt\u0131r. E\u011fer bir canvas ile g\u00f6r\u00fcnt\u00fc g\u00f6rselle\u015ftirilmi\u015f render sadece daha iyi kullan\u0131c\u0131 deneyimine yol a\u00e7acakt\u0131r, Dom a\u011fac\u0131na bir yeni eleman ekleyecektir.<\/li>\n<li>bant geni\u015fli\u011fi yo\u011fun g\u00f6r\u00fcnt\u00fcler eklemeye gerek kalmadan Canvas ile inan\u0131lmaz arka planlar yapma yetene\u011fine sahiptir. (\u00c7apraz ve radyal ge\u00e7i\u015flerini, hatta animasyonlar\u0131.)\u00a0<strong><br \/>\n<\/strong><\/li>\n<\/ul>\n<p><em>Gelece\u011fin teknolojisi olarak g\u00f6r\u00fcn\u00fcyor sizce de \u00f6yle de\u011fil mi? <\/em>\u015eimdi siz biliyorsunuz HTML5 canvas sadece g\u00f6rsel a\u00e7\u0131dan \u00e7ekici de\u011fil, ayn\u0131 zamanda etkili, g\u00fczel ve kullan\u0131c\u0131 dostu web i\u00e7in de daha fazla geli\u015ftirilmesi hepimizin \u00f6zlemi oldu\u011funun fark\u0131nday\u0131z.<\/p>\n<p>\u015eimdiye kadar hep uzaktan konu\u015ftuk ve nihayet HTML5 canvas demolar\u0131n\u0131 izlemeye ba\u015fl\u0131yoruz. Onlar kesinlikle sizlerin nefesini kesecek buna eminim!<\/p>\n<p>* * *<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/demos\/detail\/zen-photon-garden\/launch\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><strong>Zen Photon Garden<\/strong><\/a><\/p>\n<p>Bu JavaScript raytracer etkile\u015fim modeli denemeniz i\u00e7in yazar taraf\u0131ndan yaz\u0131lm\u0131\u015f: \u00a0I\u015f\u0131k ile heykeltra\u015f. I\u015f\u0131k d\u00fczg\u00fcn bir daire benzersiz bir \u015fekilde heykeli nas\u0131l g\u00f6rmek istedi\u011finizi ayarlayabilirsiniz - ger\u00e7ekten \u00e7arp\u0131c\u0131.<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/demos\/detail\/zen-photon-garden\/launch\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-1.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"359\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/codepen.io\/suffick\/pen\/KrAwx\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><strong>Tearable Cloth<\/strong><\/a><\/p>\n<p>bunu g\u00f6r\u00fcyorsunuz as\u0131l\u0131 bir bez gibi duruyor. bunu evinizdeki bir perde gibi hayal edebilirsiniz. \u015eimdi mause elinize al\u0131n ve onu par\u00e7alamaya ba\u015flay\u0131n.<\/p>\n<p><a href=\"http:\/\/codepen.io\/suffick\/pen\/KrAwx\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-2.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"540\" height=\"391\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/canvasrider.com\/tracks\/409068\" target=\"_blank\" rel=\"nofollow\"><strong>Canvas Rider<\/strong><\/a><\/p>\n<p>Canvas Rider HTML5 te izler i\u015flemek i\u00e7in bir deneyimdir. Kano oyunlar\u0131 \u00fccretsiz Rider HD olarak piyasada art\u0131k g\u00fcncelleniyor.<\/p>\n<p><a href=\"http:\/\/canvasrider.com\/tracks\/409068\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-3.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"359\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/codepen.io\/soulwire\/pen\/Ffvlo\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><strong>30,000 Particles<\/strong><\/a><\/p>\n<p>Mause kullanarak par\u00e7ac\u0131klar\u0131n nas\u0131l ayr\u0131ld\u0131\u011f\u0131n\u0131 ve size nas\u0131l bir performans sergiledi\u011fini g\u00f6rebilirsiniz. bu ger\u00e7ekten b\u00fcy\u00fcleyici bir g\u00f6steri.<\/p>\n<p><a href=\"http:\/\/codepen.io\/soulwire\/pen\/Ffvlo\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-4.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"317\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/www.monocubed.com\/2010\/11\/24\/html5-canvas-ribbon-ios4-2-device-orientation\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><strong>Canvas Ribbon &amp; iOS4.2 Device Orientation<\/strong><\/a><\/p>\n<p>HTML5 tuval uygulanan bu kurdele ile karalaman\u0131n keyfini \u00e7\u0131kar\u0131n.<\/p>\n<p><a href=\"http:\/\/www.monocubed.com\/2010\/11\/24\/html5-canvas-ribbon-ios4-2-device-orientation\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-5.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"354\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/www.mrdoob.com\/projects\/chromeexperiments\/google-gravity\/index.html\" target=\"_blank\" rel=\"nofollow\"><strong>Google Gravity<\/strong><\/a><\/p>\n<p>Buldum! Yer \u00e7ekimi kanunu sanal d\u00fcnya \u00fczerinde bile \u00e7al\u0131\u015f\u0131yor!<\/p>\n<p><a href=\"http:\/\/www.mrdoob.com\/projects\/chromeexperiments\/google-gravity\/index.html\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-6.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"155\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/voxelrain.appspot.com\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><strong>Voxel Rain by Dimitrii Pokrovskii<\/strong><\/a><\/p>\n<p>D\u00fc\u015fen tu\u011flalar\u0131 izlemek olduk\u00e7a ilgin\u00e7.<\/p>\n<p><a href=\"http:\/\/voxelrain.appspot.com\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-7.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"385\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/www.mrdoob.com\/projects\/chromeexperiments\/ball-pool\/\" target=\"_blank\" rel=\"nofollow\"><strong>Ball Pool<\/strong><\/a><\/p>\n<p>Siz oynamak ister misiniz? Olduk\u00e7a kolay! Buradaki toplar\u0131 s\u00fcr\u00fckleyebilirsiniz ayr\u0131ca arka plana t\u0131klad\u0131\u011f\u0131n\u0131zda neler oldu\u011funa bir bak\u0131n.<\/p>\n<p><a href=\"http:\/\/www.mrdoob.com\/projects\/chromeexperiments\/ball-pool\/\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-8.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"304\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/www.monocubed.com\/doodles\/processingjs\/gmail\/26\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><strong>Galactic Inbox<\/strong><\/a><\/p>\n<p>Bu oyunda e-postan\u0131z\u0131 kendi elinizle iletebilirsiniz. \u00a0Asteroitler ve di\u011fer d\u00fc\u015fmanca \u015feylerin aras\u0131ndan kurtulmaya \u00e7al\u0131\u015f\u0131n.<\/p>\n<p><a href=\"http:\/\/www.monocubed.com\/doodles\/processingjs\/gmail\/26\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-9.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"355\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/madebyevan.com\/webgl-water\/\" target=\"_blank\" rel=\"nofollow\"><strong>WebGL Water<\/strong><\/a><\/p>\n<p>Bo\u011fulmu\u015f mavi bir k\u00fcre ile bu su havzas\u0131 olduk\u00e7a ger\u00e7ek\u00e7i. Mause ile temas ederek suda dalgalanmalar yaratabilirsiniz. Ger\u00e7ekten e\u011flenceli ke\u015fif etmenizi bekliyor!<\/p>\n<p><a href=\"http:\/\/madebyevan.com\/webgl-water\/\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-10.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"572\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/www.kevs3d.co.uk\/dev\/arena5\/\" target=\"_blank\" rel=\"nofollow\"><strong>Arena 5<\/strong><\/a><\/p>\n<p>Bu Kevin Roast taraf\u0131ndan geli\u015ftirilen bir HTML5 oyunu. Eylemi d\u0131\u015f mekanlarda yer almaktad\u0131r. \u00a0olduk\u00e7a keyifli bir oyun bo\u015f zamanlar\u0131 \u00f6ld\u00fcrmek ve kafa da\u011f\u0131tmak amac\u0131 ile kullan\u0131labilir.<\/p>\n<p><a href=\"http:\/\/www.kevs3d.co.uk\/dev\/arena5\/\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-11.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"629\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/www.kevs3d.co.uk\/dev\/asteroids\/\" target=\"_blank\" rel=\"nofollow\"><strong>Asteroids<\/strong><\/a><\/p>\n<p>Ya\u015fam\u0131n\u0131z bu patlamaya ba\u011fl\u0131! Asteroitleri vurun; hayatta kalabilmek ad\u0131na uzayda yolculuk!<\/p>\n<p><a href=\"http:\/\/www.kevs3d.co.uk\/dev\/asteroids\/\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-12.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"630\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/www.kevs3d.co.uk\/dev\/plasma\/\" target=\"_blank\" rel=\"nofollow\"><strong>Plasma<\/strong><\/a><\/p>\n<p>Dikkat! Ona bakt\u0131\u011f\u0131n\u0131zda hipnotize olabilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.kevs3d.co.uk\/dev\/plasma\/\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-13.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"483\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/tympanus.net\/Tutorials\/InteractiveTypographyEffects\/\" target=\"_blank\" rel=\"nofollow\"><strong>Interactive Typography Effects<\/strong><\/a><\/p>\n<p>Orada paketlerin yan\u0131 s\u0131ra \u00fc\u00e7 demo daha bulunmaktad\u0131r, ancak bizim bak\u0131\u015f a\u00e7\u0131m\u0131zdan bu \u00e7ok \u015fa\u015f\u0131rt\u0131c\u0131d\u0131r.<\/p>\n<p><a href=\"http:\/\/tympanus.net\/Tutorials\/InteractiveTypographyEffects\/\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-14.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"231\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/lights.elliegoulding.com\/\" target=\"_blank\" rel=\"nofollow\"><strong>Ellie Goulding Lights<\/strong><\/a><\/p>\n<p>HelloEnjoy taraf\u0131ndan olu\u015fturulan ak\u0131l almaz bir interaktif m\u00fczik deneyimi.<\/p>\n<p><a href=\"http:\/\/lights.elliegoulding.com\/\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-15.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"427\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/www.ro.me\/\" target=\"_blank\" rel=\"nofollow\"><strong>Rome<\/strong><\/a><\/p>\n<p>\u0130nteraktif bir film seyretmek ister misiniz? Kesinlikle buna hayran olaca\u011f\u0131n\u0131z\u0131 d\u00fc\u015f\u00fcn\u00fcyorum.<\/p>\n<p><a href=\"http:\/\/www.ro.me\/\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-16.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"269\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/dan.forys.co.uk\/experiments\/mesmerizer\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><strong>Dan Forys Mesmerizer<\/strong><\/a><\/p>\n<p>Izgaralar \u00fczerinde farenizi hareket ettirin ve klavyenizdeki tu\u015flar\u0131 kullan\u0131n. Ne olaca\u011f\u0131n\u0131z g\u00f6zleriniz ile g\u00f6r\u00fcn!<\/p>\n<p><a href=\"http:\/\/dan.forys.co.uk\/experiments\/mesmerizer\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-17.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"547\" height=\"532\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/hakim.se\/experiments\/html5\/wave\/03\/\" target=\"_blank\" rel=\"nofollow\"><strong>Wave<\/strong><\/a><\/p>\n<p>Dalgalar olu\u015fturmak ve i\u00e7indeki tweetleri g\u00f6r\u00fcnt\u00fclemek i\u00e7in baloncuklara t\u0131klay\u0131n.<\/p>\n<p><a href=\"http:\/\/hakim.se\/experiments\/html5\/wave\/03\/\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-18.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"280\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/www.spacegoo.com\/maze\/\" target=\"_blank\" rel=\"nofollow\"><strong>Spacegoo Maze<\/strong><\/a><\/p>\n<p>Ba\u015f\u0131ndan sonuna kadar gidin. Bu ger\u00e7ekten unutulmaz bir yolculuk olacak.<\/p>\n<p><a href=\"http:\/\/www.spacegoo.com\/maze\/\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-19.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"504\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/www.feedtank.com\/labs\/html_canvas\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><strong>HTML5 Canvas Minimal Particle Animation Demo<\/strong><\/a><\/p>\n<p>Kendi mesajlar\u0131n\u0131z\u0131 yazabilir ve g\u00f6r\u00fcnt\u00fcleyebilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.feedtank.com\/labs\/html_canvas\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-21.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"471\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/demos\/detail\/3d-grapher\/launch\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><strong>3D Grapher<\/strong><\/a><\/p>\n<p>T\u0131klay\u0131n ve nesneyi d\u00f6nd\u00fcrmek i\u00e7in s\u00fcr\u00fckleyin. \u00a0Uzakla\u015ft\u0131rmak i\u00e7in fare ile ilerleyin.<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/demos\/detail\/3d-grapher\/launch\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-22.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"705\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/bomomo.com\/\" target=\"_blank\" rel=\"nofollow\"><strong>Bomomo<\/strong><\/a><\/p>\n<p>Bomomo - \u00a0Philipp Lenssen taraf\u0131ndan olu\u015fturuldu. Bir \u015feyler \u00e7izmek i\u00e7in denemeler yap\u0131n!<\/p>\n<p><a href=\"http:\/\/bomomo.com\/\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-23.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"494\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/demos\/detail\/ghostwriter-art-studio\/launch\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><strong>Ghostwriter<\/strong><\/a><\/p>\n<p>Bir \u015feyler yazmak veya \u00e7izmek i\u00e7in kullanabilirsiniz ger\u00e7ekten inan\u0131lmaz. \u00a0Renkleri ve ara\u00e7lar\u0131 de\u011fi\u015ftirebilirsiniz!<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/demos\/detail\/ghostwriter-art-studio\/launch\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-24.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"340\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/danu2.it.nuigalway.ie\/WebGLProject\/Three\/examples\/canvas_particles_waves.html\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><strong>Particles Waves<\/strong><\/a><\/p>\n<p>Onlar dalgalar \u00fczerinde sallanan \u0131\u015f\u0131klar gibi g\u00f6r\u00fcn\u00fcyor. Harika bir manzara!<\/p>\n<p><a href=\"http:\/\/danu2.it.nuigalway.ie\/WebGLProject\/Three\/examples\/canvas_particles_waves.html\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-25.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"380\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><a href=\"http:\/\/dl.dropboxusercontent.com\/u\/6566435\/Canvas\/SolarSystem\/main.html\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><strong>Solar System<\/strong><\/a><\/p>\n<p>Miniature solar sistemi. G\u00f6ky\u00fcz\u00fc her zaman \u00e7ok uzak ula\u015f\u0131lmas\u0131 zor ve etkileyici bir g\u00f6r\u00fcn\u00fcme sahiptir... G\u00fcne\u015fin etraf\u0131nda d\u00f6nen gezegenleri izleyebilirsiniz.<\/p>\n<p><a href=\"http:\/\/dl.dropboxusercontent.com\/u\/6566435\/Canvas\/SolarSystem\/main.html\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/02\/HTML5-Canvas-Demos-26.jpg?9d7bd4\" alt=\"HTML5 Canvas Demos\" width=\"630\" height=\"600\" \/><\/a><\/p>\n<p>* * *<\/p>\n<p><em>HTML5 Canvas koleksiyonunu nas\u0131l buldunuz? \u00a0Onlar ger\u00e7ekten harika \u00f6yle de\u011fil mi? Siz hangisinden daha fazla ho\u015fland\u0131n\u0131z? Belki siz de daha fazla ilham verici HTML5 canvas demolar\u0131n\u0131 bizlerle payla\u015fmaya haz\u0131r m\u0131s\u0131n\u0131z? L\u00fctfen yorum b\u00f6l\u00fcm\u00fcn\u00fc kullanarak ba\u011flant\u0131lar\u0131n\u0131z\u0131 bizle payla\u015f\u0131n. <a href=\"http:\/\/www.templatemonster.com\/tr\/type\/wordpress-temalar\" target=\"_blank\">TemplateMonster <\/a>ekibi olarak fikirlerinizi ger\u00e7ekten merak ediyorum l\u00fctfen fikirlerinizi bizlerle payla\u015f\u0131n.<br \/>\n<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adaletli konu\u015fmak gerekirse, HTML5 canvas web geli\u015ftiricileri ve toplum aras\u0131nda ger\u00e7ek bir mucize haline geldi\u011fini itiraf etmek istiyorum. \u00a0Canvas teknolojisi eskimi\u015f Flash modas\u0131ndan ka\u00e7\u0131n\u0131larak, sonuna kadar geli\u015ftirilmi\u015f HTML5 ve JavaScript ile istismar edilen statik nesneleri hareketlendirmek i\u00e7in inan\u0131lmaz f\u0131rsatlar sunmaktad\u0131r. Zaten anlayabilece\u011finiz gibi, bu g\u00fcn\u00fcn blog yaz\u0131s\u0131 g\u00f6zlerinizi yuvalar\u0131ndan f\u0131rlatacak m\u00fcthi\u015f \u015fa\u015f\u0131rt\u0131c\u0131 HTML5 canvas demolar\u0131n [&hellip;]<\/p>\n","protected":false},"author":1805522,"featured_media":3413,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[20],"tags":[73,449],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Geli\u015ftiricilerin Moda D\u00fcnyas\u0131n\u0131 Harekete Ge\u00e7irmek<\/title>\n<meta name=\"description\" content=\"HTML canvas \u00f6rneklerini ve de\u011ferli bilgileri bulabilece\u011finiz \u00f6nemli bir makale, gelecekte neler olaca\u011f\u0131n\u0131 g\u00f6rebilmek ad\u0131na bilgi sahibi olman\u0131z gerekir.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Geli\u015ftiricilerin Moda D\u00fcnyas\u0131n\u0131 Harekete Ge\u00e7irmek\" \/>\n<meta property=\"og:description\" content=\"HTML canvas \u00f6rneklerini ve de\u011ferli bilgileri bulabilece\u011finiz \u00f6nemli bir makale, gelecekte neler olaca\u011f\u0131n\u0131 g\u00f6rebilmek ad\u0131na bilgi sahibi olman\u0131z gerekir.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TemplateMonster T\u00fcrkiye\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-02-13T15:35:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-03-02T13:32:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/02\/2014.02.13.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"536\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:site\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/\"},\"author\":{\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\"},\"headline\":\"HTML5 Canvas Demolar\u0131: Geli\u015ftiricilerin Moda D\u00fcnyas\u0131n\u0131 Harekete Ge\u00e7irmek i\u00e7in \u0130lerici Bir Yol!\",\"datePublished\":\"2014-02-13T15:35:58+00:00\",\"dateModified\":\"2015-03-02T13:32:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/\"},\"wordCount\":1406,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"keywords\":[\"HTML Canvas\",\"HTML5\"],\"articleSection\":[\"Fikir\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/\",\"name\":\"Geli\u015ftiricilerin Moda D\u00fcnyas\u0131n\u0131 Harekete Ge\u00e7irmek\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\"},\"datePublished\":\"2014-02-13T15:35:58+00:00\",\"dateModified\":\"2015-03-02T13:32:39+00:00\",\"description\":\"HTML canvas \u00f6rneklerini ve de\u011ferli bilgileri bulabilece\u011finiz \u00f6nemli bir makale, gelecekte neler olaca\u011f\u0131n\u0131 g\u00f6rebilmek ad\u0131na bilgi sahibi olman\u0131z gerekir.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/tr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5 Canvas Demolar\u0131: Geli\u015ftiricilerin Moda D\u00fcnyas\u0131n\u0131 Harekete Ge\u00e7irmek i\u00e7in \u0130lerici Bir Yol!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"name\":\"Blog TemplateMonster T\u00fcrkiye\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/tr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\",\"name\":\"MonsterPost T\u00fcrkiye\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost T\u00fcrkiye\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\",\"https:\/\/twitter.com\/templatemonster\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\",\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Bar\u0131\u015f Hep\u00e7orman\"},\"description\":\"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin\",\"url\":\"https:\/\/monsterspost.com\/tr\/author\/baris\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Geli\u015ftiricilerin Moda D\u00fcnyas\u0131n\u0131 Harekete Ge\u00e7irmek","description":"HTML canvas \u00f6rneklerini ve de\u011ferli bilgileri bulabilece\u011finiz \u00f6nemli bir makale, gelecekte neler olaca\u011f\u0131n\u0131 g\u00f6rebilmek ad\u0131na bilgi sahibi olman\u0131z gerekir.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/","og_locale":"tr_TR","og_type":"article","og_title":"Geli\u015ftiricilerin Moda D\u00fcnyas\u0131n\u0131 Harekete Ge\u00e7irmek","og_description":"HTML canvas \u00f6rneklerini ve de\u011ferli bilgileri bulabilece\u011finiz \u00f6nemli bir makale, gelecekte neler olaca\u011f\u0131n\u0131 g\u00f6rebilmek ad\u0131na bilgi sahibi olman\u0131z gerekir.","og_url":"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/","og_site_name":"Blog TemplateMonster T\u00fcrkiye","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","article_published_time":"2014-02-13T15:35:58+00:00","article_modified_time":"2015-03-02T13:32:39+00:00","og_image":[{"width":900,"height":536,"url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/02\/2014.02.13.jpg","type":"image\/jpeg"}],"author":"Bar\u0131\u015f Hep\u00e7orman","twitter_card":"summary_large_image","twitter_creator":"@templatemonster","twitter_site":"@templatemonster","twitter_misc":{"Yazan:":"Bar\u0131\u015f Hep\u00e7orman","Tahmini okuma s\u00fcresi":"7 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/"},"author":{"name":"Bar\u0131\u015f Hep\u00e7orman","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815"},"headline":"HTML5 Canvas Demolar\u0131: Geli\u015ftiricilerin Moda D\u00fcnyas\u0131n\u0131 Harekete Ge\u00e7irmek i\u00e7in \u0130lerici Bir Yol!","datePublished":"2014-02-13T15:35:58+00:00","dateModified":"2015-03-02T13:32:39+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/"},"wordCount":1406,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"keywords":["HTML Canvas","HTML5"],"articleSection":["Fikir"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/","url":"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/","name":"Geli\u015ftiricilerin Moda D\u00fcnyas\u0131n\u0131 Harekete Ge\u00e7irmek","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/#website"},"datePublished":"2014-02-13T15:35:58+00:00","dateModified":"2015-03-02T13:32:39+00:00","description":"HTML canvas \u00f6rneklerini ve de\u011ferli bilgileri bulabilece\u011finiz \u00f6nemli bir makale, gelecekte neler olaca\u011f\u0131n\u0131 g\u00f6rebilmek ad\u0131na bilgi sahibi olman\u0131z gerekir.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/tr\/html5-canvas-demolari-gelistiricilerin-moda-dunyasini-harekete-gecirmek-icin-ilerici-bir-yol\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/tr\/"},{"@type":"ListItem","position":2,"name":"HTML5 Canvas Demolar\u0131: Geli\u015ftiricilerin Moda D\u00fcnyas\u0131n\u0131 Harekete Ge\u00e7irmek i\u00e7in \u0130lerici Bir Yol!"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/tr\/#website","url":"https:\/\/monsterspost.com\/tr\/","name":"Blog TemplateMonster T\u00fcrkiye","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/tr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/tr\/#organization","name":"MonsterPost T\u00fcrkiye","url":"https:\/\/monsterspost.com\/tr\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost T\u00fcrkiye"},"image":{"@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","https:\/\/twitter.com\/templatemonster"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815","name":"Bar\u0131\u015f Hep\u00e7orman","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Bar\u0131\u015f Hep\u00e7orman"},"description":"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin","url":"https:\/\/monsterspost.com\/tr\/author\/baris\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/789"}],"collection":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/users\/1805522"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/comments?post=789"}],"version-history":[{"count":7,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/789\/revisions"}],"predecessor-version":[{"id":3812,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/789\/revisions\/3812"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media\/3413"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media?parent=789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/categories?post=789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/tags?post=789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}