Welcome Guest, you are in: <root>Elements • Login

Page History: XAML 3D Viewport Element

Compare Page Revisions

17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1 0 Current 17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1 0

« Older Revision - Back to Page History - Newer Revision »

Page Revision: 2015/10/12 19:53

XAML 3D Viewport element renders a dynamic viewport projection of 3D models stored in the XAML 3D format.

Table of Contents [Hide/Show] Element actions aligned with different epochs of the parent event Properties     Generic Properties Description Loading 3D models     Picking up XAML 3D presets     Importing XAML 3D files     Editing 3D models Deploying the 3D XAML Viewport element     Creating a single 3D model stimulus     Creating a switchable 3D model stimulus set

Description ¶

XAML 3D is a sub-branch of the XAML markup language intended for description of 3D models of any level of complexity. In contrast to other 3D formats, XAML 3D allows dynamic adjustments of all 3D model's parameters (e.g. object positions, materials, lighting) via scripting or XAML data binding. (Note that if you want to use static 3D models with a camera control, you may prefer the 3D Viewport element in EventIDE, because the latter supports more common 3D formats, e.g. the Wavefront obj). The XAML 3D viewport element is the best choice for creating 3D animations, interactive 3D scenes and the hittest-based object tracking. Multiple 3D models can be loaded into element's material list to form a switchable 3D stimulus set.

Loading 3D models ¶

Before you deploy the XAML 3D Viewport element, you need to load XAML 3D models into Material Library.

Picking up XAML 3D presets ¶

EventIDE offers a XAML preset gallery, which includes a number of basic 3D models. Once you select a 3D model in the gallery, it will be added into Material Library. Before adding a model, you can change its material color. You can find the basic 3D models in the last row of the gallery (Library ribbon tab->Add XAML vector shapes):

Primitive 3D models in the preset gallery

Importing XAML 3D files ¶

XAML 3D is a file format supported in some 3D editors:

• Blender (with the free extension by TheRHogue)
• 3D Studio Max (with the free extension by sorskoot)
• Microsoft Blend (visual editor for XAML)
  

You can import existing XAML 3D files into Material Library using the 'Load Materials' command (or, simply dropping the XAML files into the Library panel). If a 3D model has references to external material files, they will be automatically imported too.

Editing 3D models ¶

A XAML 3D model is defined by a markup script, which can be previewed and edited in EventIDE. The script is made of a hierarchy of description tags for: camera, lighting, materials, transforms and meshes. You can see it on the next screenshot.

Editor for XAML 3D script (click to enlarge). Note the highlighted line that show the data binding syntax. The data binding makes the material color linked to a user variable that can be changed at runtime.

Deploying the 3D XAML Viewport element ¶

Creating a single 3D model stimulus ¶

1. Select an event, which will contain a 3D stimulus
2. Add a new 3D XAML Vieweport element and select it in the Elements panel
3. Open Material Library and start dragging a selected 3D model
4. Drop the model over the 3D XAML Vieweport icon in the Elements panel
5. Adjust the position and size of the 3D XAML Vieweport on the event surface
6. If required, modify other element's properties (e.g. the camera orbit position) in the Properties panel
   

Creating a switchable 3D model stimulus set ¶

1. Repeat the above steps, except that this time you drag multiple 3D models into the 3D XAML Vieweport element.
2. Switch between the models by the 'Selected Index' or 'Selected Item' properties of the 3D XAML Vieweport element.