× Aktuálně z oboru

Vychází Game Ready ovladače pro Far Cry 5 [ clanek/2018040603-vychazi-game-ready-ovladace-pro-far-cry-5/ ]
Celá zprávička [ clanek/2018040603-vychazi-game-ready-ovladace-pro-far-cry-5/ ]

Microsoft Expression Blend - hrajeme si v 3D

[ http://programujte.com/profil/13487-petr-laslo/ ]Google [ ?rel=author ]       [ http://programujte.com/profil/11280-michal-kobelka/ ]Google [ ?rel=author ]       27. 10. 2008       24 200×

V dnešním článku se naučíme tvořit „3D programy“ pomocí WPF. Předem upozorňuji, že hru ve stylu Call of Duty 4 pomocí WPF vytvořit nelze.

Jako první věc, kterou dnes uděláme, je vytvoření nového projektu. Pro dnešní práci si stáhněte následující dvě textury, které přidejte do projektu (stejně jako XML soubor v minulém dílu [ http://programujte.com/index.php?akce=clanek&cl=2008080200-microsoft-expression-blend-pouzivame-xml ]).

Textury

Po přidání textur do Blendu bude náš projekt vypadat následovně:

Nyní se už ničím nebudeme zdržovat a přistoupíme k akci:

  1. Dvojklikem na texturu plocha.jpg ji přidáme do naší aplikace.
  2. Pomocí nástroje Selection texturu upravíme tak, aby byla zhruba ve středu okna aplikace a okno nepřesahovala.

  3. Nyní v menu klikneme na Tools a vybereme Make Image 3D. Na první pohled se nic nezmění, ale pokud se podíváte na seznam prvků, zjistíte, že prvek [Image] se změnil na [Viewport3D].

  4. Pokud nyní použijeme nástroj Camera Orbit, můžeme naším obrázkem různě pohybovat. Stiskem a držením levého tlačítka myši obrázek různě natáčíme. Pokud chytíte obrázek levým tlačítkem myši, stisknete zároveň klávesu Alt a budete pohybovat myší, dosáhnete různé úrovně přiblížení či oddálení vůči obrázku. A do třetice všeho dobrého, když navíc podržíte i klávesu Ctrl, můžete obrázkem všemožně posunovat.
  5. Nastavte obrázek tak, aby vypadal jako podlaha.

  6. Následovně přidáme dvojklikem obrázek zdi.jpg. Obrázek se přidá do našeho [Viewport3D], ale pouze za předpokladu, že dvojklikem vybereme [Viewport3D] ve stromu prvků.

  7. Nyní ve stromu prvků rozbalíme [Viewport3D] → [ModelVisual3D] → Content a pomocí nástroje Selection vybereme zdi.jpg. Všimněte si, že na textuře se objevil souřadnicový systém, který nám umožní prvek rotovat, posunovat a měnit jeho velikost.

  8. Zeď srovnáme kolmo k podlaze, podobně jako na následujícím obrázku.

  9. Stejný postup zopakujeme pro přidání dalších dvou zdí.

  10. Nyní když stiskneme F5, uvidíme náš výsledek, který se moc neliší od předchozího obrázku.

Závěr

V dnešním, kratším díle jsme se naučili využívat další možnost WPF - 3D perspektivu rastrových obrázků. WPF se sice nehodí pro tvorbu 3D her, nýbrž pro jednoduché programy, jakými jsou přehrávače videí, zvuků apod. Jsem si jist, že určitě vytvoříte daleko hezčí „3D“ WPF aplikace, než já v dnešní ukázce.

Zdroj: http://www.totaltraining.com/prod/microsoft/expblend.asp

Článek stažen z webu Programujte.com [ http://programujte.com/clanek/2008080300-microsoft-expression-blend-hrajeme-si-v-3d/ ].