3d samples

Flip3D Advanced Sample

kurt.brockett — Fri, 02 May 2008 21:19:57 GMT

by John Zolezzi

This sample mimics the Vista 3D program selector, except for the item fade as they disappear from view.

· Transition from 2D display to 3D.

· Rotates items in both direction in 3D.

· ItemsStack3DFlip control has dependency propertyies: ItemsTemplate, ItemsSource, ViewItemCount, IsViewing3DStack, SelectedItem, SelectedIndex, FrontItem

· ItemsStack3DFlip the following events: SelectionChanged, FrontItemChanged, IsViewing3DStackChanged.

· Sample has a custom Layout to give the arc shape that Vista has. It is not a StackLayout3D.

· Custom model generator to resize the models as the control’s size changes. This allows us to easily transition between 3D and 2D.

We will continue to develop on this sample as the 3d progresses towards RTW.

*This sample has been updated to work with the 3D Mix July CTP.

Visual3DGeneratorSelector

kurt.brockett — Fri, 21 Mar 2008 00:03:08 GMT

by John Zolezzi

Visual3D Generator Sample

Building off of the EllipseLayout3D sample, this sample shows how to create a different model based on a property from the item passed into ItemsControl3D. Instead of using the DataTemplate model generator seen in the EllipseLayout3D, we are going to create our own model generator.

See writeup available in .doc format within the .zip.

EllipseLayout3D

kurt.brockett — Thu, 20 Mar 2008 23:59:46 GMT

by John Zolezzi

EllipseLayout3D Sample

This sample shows how to create a circular path of 3D models that you can rotate with the mouse. The 3D is created in xaml with the classes found in Blendables 3D mix. Add ItemsControl3D to a Viewport3D and then set the layout, model generator and items to ItemsControl3D.

Blendables’ layout class EllipseLayout3D handles positioning the models in 3D space. To rotate the items around, you just need to change the direction of EllipseLayout3D’s FrontDirection vector as seen below:

AxisAngleRotation3D rotate = new AxisAngleRotation3D(new Vector3D(0, 1, 0), (deltaX / 2));RotateTransform3D trans = new RotateTransform3D(rotate);_EllipseLayout.FrontDirection = trans.Transform(_EllipseLayout.FrontDirection);

ItemsControl3D needs to know how to generate models from the items that are passed in via the ItemsSource property. This property works just like WPF’s ItemsControl. Here we are using one of the pre-built model generators: DataTemplatedVisual3DGenerator. It allows you to use a DataTemplate and a default mesh to create all the models. It works in a similar fashion to ItemsControl’s ItemsTemplate property.

StackLayout3D

kurt.brockett — Thu, 20 Mar 2008 23:57:04 GMT

by John Zolezzi

StackLayout3D provides a quick method of laying out items in a stack similar to StackPanel. To use this layout, set the ItemsControl3D’s Layout property to an instance of StackLayout3D. (see doc included in .zip)

StackLayout3D has properties to control which direction of the stack and additional padding between each item in the stack.

Simple Flip3D

kurt.brockett — Tue, 18 Mar 2008 21:26:01 GMT

This sample utilizes StackLayout3D to emulate the Vista's Flip3D feature. Right now the flipping is hooked to a button and cycles through a set of images.

We are working on a more complete sample which more closely follows the Flip3D look and feel, including transitioning from a layout into "Flip3D" and back.

*This sample has been updated to work with the 3D Mix July CTP.

3D Mix: GridLayout3D Sample

kurt.brockett — Wed, 12 Mar 2008 06:26:14 GMT

This is a two part example which shows of some of the features of the 3D mix using a GridLayout3D. In addition to the sample code there is a doc included which explains in detail the code and feautres being used.

More samples coming soon!

Kurt

*This sample has been updated to work with the 3D Mix July CTP.