{"id":125,"date":"2013-11-24T19:11:00","date_gmt":"2013-11-24T19:11:00","guid":{"rendered":"http:\/\/enginmercan.com\/?p=125"},"modified":"2013-12-29T16:11:18","modified_gmt":"2013-12-29T16:11:18","slug":"webgl","status":"publish","type":"post","link":"https:\/\/enginmercan.com\/?p=125","title":{"rendered":"WebGL"},"content":{"rendered":"<p>Bir s\u00fcredir WebGL ile ilgileniyorum. WebGL &#038; Html5 canvaslar\u0131n\u0131 kullanarak bir \u00e7al\u0131\u015fmam var. <a href=\"http:\/\/enginmercan.com\/webgl\">\u015eu<\/a> adresten ula\u015fabilirsiniz.<\/p>\n<p><a href=\"http:\/\/enginmercan.com\/webgl\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/enginmercan.com\/wp-content\/uploads\/2013\/11\/webgl.png\" alt=\"webgl\" width=\"968\" height=\"714\" class=\"alignnone size-full wp-image-128\" srcset=\"https:\/\/enginmercan.com\/wp-content\/uploads\/2013\/11\/webgl.png 968w, https:\/\/enginmercan.com\/wp-content\/uploads\/2013\/11\/webgl-300x221.png 300w\" sizes=\"auto, (max-width: 968px) 100vw, 968px\" \/><\/a><br \/>\nhttp:\/\/enginmercan.com\/webgl<\/p>\n<p>Asl\u0131nda \u00e7ok eskiden yapt\u0131\u011f\u0131m bir flash \u00e7al\u0131\u015fmas\u0131n\u0131n WebGL ile tekrar yap\u0131lm\u0131\u015f hali. 3D bir uzay ortam\u0131 yarat\u0131yorum ve blog contentini bu ortamda payla\u015fmay\u0131 ama\u00e7l\u0131yorum. <\/p>\n<p>Grafikler genel olarak WebGL ile yap\u0131ld\u0131, ama GUI gibi \u015feyleri WebGL in \u00f6n\u00fcnde bulunan bir canvas ile \u00e7iziyorum. Mesela mor scroll bar canvas \u00fczerinde, \u00fcnlemlerdir video gezegenlerinin play tu\u015fudur vs hep yine canvas ile \u00e7izilmekte. Buradaki amac\u0131m webgl in bu \u015fekilde high level \u00e7izimler i\u00e7in yetersiz bulmam.<\/p>\n<p>Ayr\u0131ca web content i g\u00f6stermek istedi\u011fim zaman da webgl in alt\u0131nda kalan bir div i kullan\u0131yorum. Mesela bo\u015f beyaz gezegenlere t\u0131klay\u0131nca linux fortune dosyalar\u0131nda bir quote g\u00f6steriyor, bu quote asl\u0131nda 3d grafiklerin alt\u0131nda kalan bir div i\u00e7ine konuluyor ve beyaz gezegenin ortas\u0131n\u0131 oyarak alt\u0131n\u0131 g\u00f6stermi\u015f oluyorum \ud83d\ude00 Ayr\u0131ca video gezegenlerinde de video lar bu \u015fekilde oynat\u0131l\u0131yor.<\/p>\n<p>Bir ka\u00e7 ufak eklentiden sonra blog contentini oraya ta\u015f\u0131maya ba\u015flayaca\u011f\u0131m. Kullan\u0131\u015fl\u0131 olmayacak ama g\u00fczel olacak diye umuyorum \ud83d\ude00<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bir s\u00fcredir WebGL ile ilgileniyorum. WebGL &#038; Html5 canvaslar\u0131n\u0131 kullanarak bir \u00e7al\u0131\u015fmam var. \u015eu adresten ula\u015fabilirsiniz. http:\/\/enginmercan.com\/webgl Asl\u0131nda \u00e7ok eskiden yapt\u0131\u011f\u0131m bir flash \u00e7al\u0131\u015fmas\u0131n\u0131n WebGL ile tekrar yap\u0131lm\u0131\u015f hali. 3D bir uzay ortam\u0131 yarat\u0131yorum ve blog contentini bu ortamda payla\u015fmay\u0131 ama\u00e7l\u0131yorum. Grafikler genel olarak WebGL ile yap\u0131ld\u0131, ama GUI gibi \u015feyleri WebGL in \u00f6n\u00fcnde bulunan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,3,7,6],"tags":[],"class_list":["post-125","post","type-post","status-publish","format-standard","hentry","category-cg","category-ff","category-pp","category-wgl"],"_links":{"self":[{"href":"https:\/\/enginmercan.com\/index.php?rest_route=\/wp\/v2\/posts\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enginmercan.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/enginmercan.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/enginmercan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enginmercan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=125"}],"version-history":[{"count":4,"href":"https:\/\/enginmercan.com\/index.php?rest_route=\/wp\/v2\/posts\/125\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/enginmercan.com\/index.php?rest_route=\/wp\/v2\/posts\/125\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/enginmercan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/enginmercan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=125"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/enginmercan.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}