<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="http://blogs.msdn.com/utility/FeedStylesheets/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Martin Grayson: Adventures of a 'Devigner' : 3D</title><link>http://blogs.msdn.com/mgrayson/archive/tags/3D/default.aspx</link><description>Tags: 3D</description><dc:language>en</dc:language><generator>CommunityServer 2.1 SP1 (Build: 61025.2)</generator><item><title>3D Rotating User Interface</title><link>http://blogs.msdn.com/mgrayson/archive/2006/06/01/3d-rotating-user-interface.aspx</link><pubDate>Thu, 01 Jun 2006 11:33:00 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:612728</guid><dc:creator>Martin Grayson</dc:creator><slash:comments>6</slash:comments><comments>http://blogs.msdn.com/mgrayson/comments/612728.aspx</comments><wfw:commentRss>http://blogs.msdn.com/mgrayson/commentrss.aspx?PostID=612728</wfw:commentRss><description>&lt;P&gt;&lt;FONT face=Verdana color=#808080 size=2&gt;Thought I would post up another sample I made a while back - a 3D rotating user interface, similar to that in the &lt;A href="http://channel9.msdn.com/Showpost.aspx?postid=109413" mce_href="http://channel9.msdn.com/Showpost.aspx?postid=109413"&gt;Healthcare demo&lt;/A&gt;.&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT face=Verdana color=#808080 size=2&gt;In this simple sample, there are two levels of navigation. Moving from level 1 to level 2 will rotate the main user interface away into the background, while the secondary UI appears in the foreground. See below...&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;A href="http://blogs.msdn.com/photos/mgrayson/images/612704/original.aspx" target=_blank mce_href="http://blogs.msdn.com/photos/mgrayson/images/612704/original.aspx"&gt;&lt;IMG style="WIDTH: 497px; HEIGHT: 314px" height=417 src="http://blogs.msdn.com/photos/mgrayson/images/612704/595x480.aspx" width=452 border=0 mce_src="http://blogs.msdn.com/photos/mgrayson/images/612704/595x480.aspx"&gt;&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT face=Verdana color=#808080 size=2&gt;As you can see, there was no expense spared in creating a compelling user interface! But this is a very simplified example on how to do this.&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT face=Verdana color=#808080 size=2&gt;Although you should be able to see the technique used in the attached source code, here is basically what is happening... There is a 3D viewport in the background containing a plane mesh. The mesh has a Visual Brush as a diffuse material. When the user navigates to the secondary level of the UI, the main UI's visual is copied onto the meshe's material, the mesh is then rotated into the background. I then move the real main UI, 2000 pixles to the left to get it out of the way. Simple.&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT face=Verdana color=#808080 size=2&gt;Have a play and let me know your thoughts.&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT face=Verdana color=#808080 size=2&gt;Martin&lt;/FONT&gt;&lt;/P&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=612728" width="1" height="1"&gt;</description><enclosure url="http://blogs.msdn.com/mgrayson/attachment/612728.ashx" length="801971" type="application/x-zip-compressed" /><category domain="http://blogs.msdn.com/mgrayson/archive/tags/3D/default.aspx">3D</category></item><item><title>Presenting 'Harmony' - 3D WinFX Music Player</title><link>http://blogs.msdn.com/mgrayson/archive/2006/06/01/presenting-harmony-3d-winfx-music-player.aspx</link><pubDate>Thu, 01 Jun 2006 11:01:00 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:612696</guid><dc:creator>Martin Grayson</dc:creator><slash:comments>9</slash:comments><comments>http://blogs.msdn.com/mgrayson/comments/612696.aspx</comments><wfw:commentRss>http://blogs.msdn.com/mgrayson/commentrss.aspx?PostID=612696</wfw:commentRss><description>&lt;P&gt;&lt;FONT face=Verdana color=#808080 size=2&gt;I came across &lt;A href="http://www.thirteen23.com/labs/winfx/harmony/" mce_href="http://www.thirteen23.com/labs/winfx/harmony/"&gt;Harmony&lt;/A&gt; yesterday, thanks to a kind e-mail some one sent us. After 5 minutes of using, I am hooked. This is a superb way to look at my music library - its like actually having the CD in my hand!&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT face=Verdana color=#808080 size=2&gt;&lt;A href="http://blogs.msdn.com/photos/mgrayson/images/612694/original.aspx" target=_blank mce_href="http://blogs.msdn.com/photos/mgrayson/images/612694/original.aspx"&gt;&lt;IMG src="http://blogs.msdn.com/photos/mgrayson/images/612694/429x324.aspx" border=0 mce_src="http://blogs.msdn.com/photos/mgrayson/images/612694/429x324.aspx"&gt;&lt;/A&gt;&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT face=Verdana color=#808080 size=2&gt;The creator admits this is similar to Coverflow for OSX, but again, Harmony is a great example of the combination of different media supported by WinFX.&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT face=Verdana color=#808080 size=2&gt;&lt;A href="http://www.thirteen23.com/labs/winfx/harmony/" mce_href="http://www.thirteen23.com/labs/winfx/harmony/"&gt;Download now!&lt;/A&gt;&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT face=Verdana color=#808080 size=2&gt;Martin&lt;/FONT&gt;&lt;/P&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=612696" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/mgrayson/archive/tags/3D/default.aspx">3D</category><category domain="http://blogs.msdn.com/mgrayson/archive/tags/Applications/default.aspx">Applications</category></item></channel></rss>