{"id":813,"date":"2010-06-28T14:36:52","date_gmt":"2010-06-28T14:36:52","guid":{"rendered":"http:\/\/www.erbugkaya.com\/?p=813"},"modified":"2014-01-16T23:20:30","modified_gmt":"2014-01-16T23:20:30","slug":"expression-blend-2-ve-3d","status":"publish","type":"post","link":"http:\/\/erbugkaya.com\/?p=813","title":{"rendered":"Expression Blend 2 ve 3D"},"content":{"rendered":"<p>18\/3\/2009<br \/>\nMerhaba bu makalede Expression Blend 2 i\u00e7indeki 3D yeteneklerini inceleyece\u011fiz.<\/p>\n<p><!--more--><br \/>\nBlend bize olduk\u00e7a geli\u015fmi\u015f 3D \u00f6zelli\u011fi sunmaktad\u0131r. Burada dikkat etmeniz gereken konu 3D \u015fimdilik sadece WPF taraf\u0131ndan desteklenmektedir. Silverlight da 3D deste\u011fi yoktur. Bunun ileride d\u00fczelece\u011fini umuyorum.<\/p>\n<p>Ba\u015flayal\u0131m. Blend ile 3D derken basit perspektif toollar\u0131ndan bahsetmiyoruz. Blend&#8217;e 3D obje import edebiliyorsunuz. 3D programlar\u0131na a\u015fina olan arkada\u015flar\u0131m\u0131z bilecektir. T\u00fcm 3D programlar\u0131 olu\u015fturdu\u011fu dosyalar\u0131 kendine \u00f6zel isimlerle olu\u015fturur. Bu sebeple 3D programlar\u0131 i\u00e7inde ge\u00e7i\u015f yapabilmek gerekmektedir. \u00d6rne\u011fin Vue&#8217;d Espirit ile bir d\u0131\u015f mekan yaratt\u0131n\u0131z ve Poser ile olu\u015fturdu\u011funuz bir insan modeliniz var. Bu ikisini Cinema4D&#8217; de birle\u015ftirip bir render almak istiyorsunuz. Elbette bir \u00e7ok program\u0131n, di\u011fer programlar\u0131n dosyalar\u0131n\u0131 tan\u0131yan plugin leri bulunmaktad\u0131r. Ama ya yoksa&#8230; \u0130\u015fte bu a\u015famada devreye en genel, en eski, en bilinen 3D formatlar\u0131 devreye girer. Bu da OBJ (wavefront)&#8217;dur.<\/p>\n<p>Evet Blend .OBJ dosyalar\u0131n\u0131 kullanabilmektedir. Bunun i\u00e7in e\u011fer modelinizi siz haz\u0131rlad\u0131ysan\u0131z, haz\u0131rlad\u0131\u011f\u0131n\u0131z program ile modelinizi .OBJ olarak export edin. Ya da internetten bir s\u00fcr\u00fc free .OBJ format\u0131nda model bulabilirsiniz. \u00d6rne\u011fin ben bu makalede kullanaca\u011f\u0131m Mini Cooper modelini \u015fu <a href=\"http:\/\/www.oyonale.com\/modeles.php?lang=en&amp;page=58\" target=\"_blank\"> linkten<\/a> indirdim.<\/p>\n<p>Project penceresinde, Proje ismimize sa\u011f klik yap\u0131p \u00e7\u0131kan men\u00fcde &#8220;Add Existing Item&#8221; a t\u0131klayal\u0131m.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_01.jpg\" width=\"284\" height=\"237\" \/><\/p>\n<p>Bilgisayar\u0131m\u0131zdaki .OBJ dosyas\u0131n\u0131 se\u00e7elim.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_02.jpg\" width=\"231\" height=\"61\" \/><\/p>\n<p>OBJ dosyas\u0131 projemize eklenmi\u015ftir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_03.jpg\" width=\"295\" height=\"200\" \/><\/p>\n<p>Dosyan\u0131n \u00fcst\u00fcne \u00e7ift t\u0131klayarak, 3D objeyi sahnemize ekleyelim.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_04.jpg\" width=\"182\" height=\"169\" \/><\/p>\n<p>Blend bir 3D obje eklendi\u011finin fark\u0131ndad\u0131r. Bu obje i\u00e7in Objects penceresine bir tak\u0131m \u00f6zellikler eklenmi\u015ftir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_05.jpg\" width=\"250\" height=\"197\" \/><\/p>\n<p>\u00d6rne\u011fin 3D obje i\u00e7in PerspectiveCamera bulunmaktad\u0131r.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_06-1.jpg\" width=\"245\" height=\"118\" \/><\/p>\n<p>Ve bu kameraya ait \u00f6zellikler bulunmaktad\u0131r.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_06-2.jpg\" width=\"284\" height=\"368\" \/><\/p>\n<p>Blend 3D objeyi, objenin \u00fczerinde gelen hiyerar\u015fik\u00a0 yap\u0131s\u0131yla alm\u0131\u015ft\u0131r.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_07.jpg\" width=\"234\" height=\"366\" \/><\/p>\n<p>3D objeniz se\u00e7iliyken, Layout penceresinde alttaki butonlara basarsan\u0131z.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_08.jpg\" width=\"280\" height=\"256\" \/><\/p>\n<p>Modelinizi \u00e7al\u0131\u015fma alan\u0131na ortalars\u0131n\u0131z.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_09.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_09.jpg\" width=\"360\" height=\"270\" \/><\/a><\/p>\n<p>E\u011fer Tool bar&#8217;daki &#8220;Camera Orbit&#8221; tool&#8217;unu se\u00e7erseniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_10.jpg\" width=\"138\" height=\"80\" \/><\/p>\n<p>Sol kli\u011fe bas\u0131l\u0131yken mouse&#8217;nuzu hareket ettirerek objenize bak\u0131\u015f y\u00f6n\u00fcn\u00fcz\u00fc de\u011fi\u015ftirebilirsiniz.<br \/>\nCTRL+Sol klik &#8212; Objeyi \u00e7al\u0131\u015fma alan\u0131nda hareket ettirir.<br \/>\nALT+Sol klik &#8212; Objeye zoom in \/ zoom out yapar.<br \/>\n(Asl\u0131nda burada hareket eden obje de\u011fil kamerad\u0131r)<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_11.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_11.jpg\" width=\"330\" height=\"208\" \/><\/a><\/p>\n<p>Elbette Blend&#8217;e .OBJ import etmek d\u0131\u015f\u0131nda 3D olanaklar\u0131 bulunmakta. Bunlardan en \u00f6nemlisi ZAM 3D program\u0131. Flash i\u00e7in 3D i\u00e7erik \u00fcreten Swift 3D program\u0131n\u0131 yay\u0131nlayan Electric Rain firmas\u0131n\u0131n yeni \u00fcr\u00fcn\u00fc ZAM 3D. \u0130\u015flevi de bu sefer Blend\u00a0 i\u00e7in 3D i\u00e7erik \u00fcretmek. Elbette b\u00fcy\u00fck 3D programlar\u0131 kadar zengin ve kapsaml\u0131 bir program de\u011fil ZAM 3D. \u0130leride Silverlight&#8217;\u0131n kullan\u0131m\u0131 artt\u0131\u011f\u0131nda bu b\u00fcy\u00fck 3D programlar\u0131n\u0131n da XAML i\u00e7erik \u00fcreten pluginler bar\u0131nd\u0131raca\u011f\u0131n\u0131 d\u00fc\u015f\u00fcn\u00fcyorum. (Hatta belki \u015fu anda vard\u0131r bile ama benim bilgim d\u0131\u015f\u0131nda) ZAM 3D modelleri, materyalleri, \u0131\u015f\u0131\u011f\u0131, animasyonu ile gayet ba\u015far\u0131l\u0131. ZAM 3D&#8217;nin 15 g\u00fcnl\u00fck tam kapsaml\u0131 deneme s\u00fcr\u00fcm\u00fcn\u00fc, e-mail onaylatarak <a href=\"http:\/\/www.erain.com\/products\/zam3d\/DefaultPDC.asp\" target=\"_blank\">bu linkten<\/a> indirebilirsiniz.<\/p>\n<p>Altta ZAM 3D ara y\u00fcz\u00fcn\u00fc g\u00f6r\u00fcyorsunuz. 5 halkay\u0131 \u00f6rnek i\u00e7in ben haz\u0131rlad\u0131m. Program\u0131 k\u0131saca \u015fu \u015fekilde a\u00e7\u0131klamaya \u00e7al\u0131\u015ft\u0131m.<\/p>\n<p>1- Temel objeler<br \/>\n2- Animasyon timeline<br \/>\n3- Sahnedeki objeler<br \/>\n4- Obje rotasyon i\u015flemleri<br \/>\n5- I\u015f\u0131k rotasyon alan\u0131<br \/>\n6- Materyal, \u0131\u015f\u0131k vs.. gibi \u00f6zelliklerin se\u00e7ildi\u011fi alan<br \/>\n7- Materyal, \u0131\u015f\u0131k vs.. gibi \u00f6zelliklerin k\u00fct\u00fcphanesi<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_12.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_12.jpg\" width=\"480\" height=\"352\" \/><\/a><\/p>\n<p>Diyelim ki istedi\u011finiz 3D sahneyi yaratt\u0131n\u0131z ve art\u0131k bunu Blend&#8217;de kullanmak istiyorsunuz. O zaman yapman\u0131z gereken men\u00fcde Edit&gt;Copy XAML ile XAML kodu kopyalamak.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_13.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_13.jpg\" width=\"326\" height=\"421\" \/><\/a><\/p>\n<p>Blend&#8217;e d\u00f6n\u00fcp XAML kodu a\u00e7\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_14.jpg\" width=\"253\" height=\"183\" \/><\/p>\n<p>Grid tag\u0131n\u0131n kapan\u0131\u015f\u0131n\u0131 d\u00fczeltiyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_15.jpg\" width=\"247\" height=\"111\" \/><\/p>\n<p>Ve Grid&#8217;in i\u00e7ine ZAM 3D&#8217;den gelen kodu yap\u0131\u015ft\u0131r\u0131yoruz. Bu koddaki Viewbox tag\u0131na ihtiyac\u0131m\u0131z yok. Bunu siliyoruz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_16.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_16.jpg\" width=\"439\" height=\"508\" \/><\/a><\/p>\n<p>Viewport&#8217;da ki widht, ve height \u0131 silerek 3D objelerimizin bizim \u00e7al\u0131\u015fma alan\u0131m\u0131zda tam olarak bulunmas\u0131n\u0131 sa\u011fl\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_17.jpg\" width=\"628\" height=\"33\" \/><\/p>\n<p>Ve i\u015fte ZAM 3D&#8217;de haz\u0131rlad\u0131\u011f\u0131m\u0131z 5 halka.<\/p>\n<p>Dikkat: ZAM 3D&#8217;de hangi g\u00f6r\u00fcn\u00fcm penceresi se\u00e7iliyken XAML&#8217;\u0131 kopyalars\u0131n\u0131z. Blend&#8217;e o ekrandaki kod geliyor. Yani &#8220;Top&#8221; penceresi se\u00e7iliyken kopyalama yapsayd\u0131k, halkalar\u0131m\u0131z\u0131n \u015fu andaki g\u00f6r\u00fcnt\u00fcs\u00fc tepeden olacakt\u0131.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_18.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_18.jpg\" width=\"436\" height=\"328\" \/><\/a><\/p>\n<p>Sahnedeki 3D objelerinizin uzakla\u015fma ve yak\u0131nla\u015fma s\u0131ras\u0131ndaki k\u0131rp\u0131lmalar\u0131n\u0131 Camera \u00f6zelliklerindeki\u00a0 &#8220;Near Clipping Plane&#8221; ve &#8220;Far Clipping Plane&#8221; ile ayarlarsan\u0131z.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_19.jpg\" width=\"379\" height=\"230\" \/><\/p>\n<p>Camera Orbit ile yapt\u0131\u011f\u0131m\u0131z t\u00fcm rotasyon ve konum i\u015flemleri ZAM 3D&#8217;den gelen objeler i\u00e7inde ge\u00e7erli.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_20.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_20.jpg\" width=\"443\" height=\"334\" \/><\/a><\/p>\n<p>Elbette .OBJ olarak import etti\u011finiz 3D objelerin materyalleri \u00fcst\u00fcnde olmayabilir. Blend ile bu konuyu da halledebiliyoruz. Bu sefer bir ma\u015frapa objesi import ettim. Object panelinde objenin &#8220;DefaultMaterial&#8221; \u0131n\u0131 se\u00e7iyorum.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_21.jpg\" width=\"256\" height=\"332\" \/><\/p>\n<p>Objemiz alttad\u0131r. \u015eimdi bu objeye materyal ve \u0131\u015f\u0131k uygulayaca\u011f\u0131z.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_22.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_22.jpg\" width=\"307\" height=\"338\" \/><\/a><\/p>\n<p>Obje se\u00e7iliyken properties sekmesinde &#8220;Materials&#8221; kutusu bulunmaktad\u0131r.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_23.jpg\" width=\"291\" height=\"252\" \/><\/p>\n<p>E\u011fer material kutusuna sa\u011f t\u0131klarsan\u0131z. Detayl\u0131 bir material edit\u00f6r\u00fc a\u00e7\u0131lacakt\u0131r. Bu edit\u00f6r\u00fc kullanarak objemizin rengi, parlama vs gibi bir \u00e7ok \u00f6zelli\u011fini ayarlayabiliriz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_24.jpg\" width=\"270\" height=\"846\" \/><\/p>\n<p>.OBJ&#8217;ye ait \u0131\u015f\u0131k ayarlar\u0131n\u0131 da yapabiliriz. Altta ambians \u0131\u015f\u0131\u011f\u0131n\u0131 se\u00e7iyorum.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_25.jpg\" width=\"260\" height=\"340\" \/><\/p>\n<p>I\u015f\u0131\u011f\u0131 se\u00e7ince Properties sekmesinde ona ait bir kutu belirir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_26.jpg\" width=\"292\" height=\"228\" \/><\/p>\n<p>I\u015f\u0131\u011f\u0131n cinsi, rengi ve y\u00f6n\u00fc ayarlanabilir.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_28.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_28.jpg\" width=\"420\" height=\"329\" \/><\/a><\/p>\n<p>Direk \u0131\u015f\u0131k ayarlar\u0131n\u0131 da yap\u0131nca,<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_29.jpg\" width=\"260\" height=\"380\" \/><\/p>\n<p>Ben alttaki gibi bir sonu\u00e7 yakalad\u0131m.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002150_30.jpg\" width=\"299\" height=\"564\" \/><\/p>\n<p>Bu makalede Expression Blend 2&#8217;de 3D konular\u0131na de\u011findim.<\/p>\n<p>\u0130yi \u00e7al\u0131\u015fmalar<\/p>\n<p>Te\u015fekk\u00fcrler.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>18\/3\/2009 Merhaba bu makalede Expression Blend 2 i\u00e7indeki 3D yeteneklerini inceleyece\u011fiz.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[41],"class_list":["post-813","post","type-post","status-publish","format-standard","hentry","category-teknik-yazi","tag-expression-blend"],"_links":{"self":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=813"}],"version-history":[{"count":4,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/813\/revisions"}],"predecessor-version":[{"id":2444,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/813\/revisions\/2444"}],"wp:attachment":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=813"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}