Framework for creating user interfaces containing interactive and dynamic 3-D objects

• US 7,818,690 B2
• Filed: 06/15/2007
• Issued: 10/19/2010
• Est. Priority Date: 06/15/2007
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Corporation
• Inventors: Srivastava, Vishal
• Primary Examiner(s): NGUYEN, CAO H
• Application Number:
  US11/818,599
• Publication Number:
  US 20080313553A1
• Time in Patent Office: 1,222 Days
• Field of Search: 715762-765, 715851-853, 715740-742, 345/419, 345/582
• US Class Current: 715/853
• CPC Class Codes: G06F 8/34 Graphical or visual programming

Abstract

An arrangement for creating a fully interactive user interface containing 3-D objects is provided by a suite of attached dependency properties in a single class that operates under the Windows Presentation Foundation (“WPF”) programming model. The framework for exposing such 3-D interactive functionality, named Facade 3-D, enables application developers to extend the existing functionality of WPF visual objects called FrameworkElements through mapping objects they have defined with 2-D visual trees to 3-D trees which contain arbitrary, application-defined 3-D models. Application users are enabled with highly-configurable ways to interact with the underlying source 2-D FrameworkElements vicariously through manipulation of their 3-D representations called “Facades.”

Claims

1. A method, having applicability to a UI, for transforming an interactive object operable in a 2-D space into an interactive object that is operable in a 3-D space, the method comprising:

defining a 2-D visual tree comprising a plurality of nodes, respective nodes in the 2-D visual tree comprising one or more 2-D visual objects, of the interactive object operable in 2-D space, that are renderable in the 2-D space;

mapping a 3-D visual tree to the 2-D visual tree so that nodes in the 3-D visual tree follow a parallel structure to respective nodes in the 2-D visual tree; and

providing a 3-D representation by which at least one 2-D visual object is interactively manipulated in the 3-D space, based at least in part upon the mapping, through one or more properties that are defined on the at least one 2-D visual object, the one or more properties belonging to a static class that exposes a plurality of 3-D functionalities.

2. The method of claim 1 in which declarative markup is utilized in at least a portion of the defining.

3. The method of claim 2 in which the declarative markup is XAML.

4. The method of claim 1 in which the one or more properties are attached dependency properties in accordance with a property system under WPF.

5. The method of claim 1 in which programmatic code is utilized in at least a portion of the defining.

6. The method of claim 1 in which event handlers are attached to one or more 2-D visual objects and triggered responsively to the defined one or more properties.

7. The method of claim 1 in which the 3-D visual tree is synchronized to the 2-D visual tree responsively to changes to the 2-D visual tree.

8. The method of claim 1 comprising translating at least one 2-D visual object off-screen for which the 3-D representation is provided.

9. The method of claim 1 comprising specifying a dummy material in the 3-D visual tree.

10. The method of claim 9 comprising searching the 3-D visual tree for the dummy material and replacing the dummy material with a material specified by an application, the specified material being usable for painting a surface of the 3-D representation.

11. The method of claim 10 in which the painting comprises painting using a WPF brush, the WPF brush comprising at least a VisualBrush.

12. A method for handling input events in a UI that is arranged to expose visual objects, the UI defined by a markup and optional associated code-behind, the method comprising:

creating a plurality of 3-D representations arranged in a 3-D visual tree, respective 3-D representations being associated with respective 2-D visual objects comprising a class of attached properties;

determining which 3-D representation has captured an input event;

identifying a 2-D visual object associated with the 3-D representation that captured the input event; and

transferring the input event to the identified 2-D visual object.

13. The method of claim 12 in which the determining comprises hit testing.

14. The method of claim 12 in which the identifying comprises iterating up the 3-D visual tree until a 2-D visual object corresponding to the 3-D representation that captured the input event is located.

15. The method of claim 12 in which the class comprises a single static class.

16. The method of claim 12 in which the associated 2-D visual object is identified using a reference to the 3-D representation that captured the input event.

17. The method of claim 12 in which the creating comprises using a template that specifies re-usable 3-D geometry.

18. A method for applying a 3-D transformation comprising:

exposing a 3-D transformation stack to a 3 D facade, the 3-D facade being controllable through static attached dependency properties defined by a UI application on a source 2-D element in a class of visual objects;

initializing transformation stack properties to values specified by the application; and

invoking methods provided by the 3-D transformation stack on the 3-D facade.

19. The method of claim 18 comprising controlling the attached dependency properties through WPF properties selected from at least one of binding, style setters, or triggers.

20. The method of claim 18 in which the 3-D transformation stack provides a transformation comprising six degrees of freedom.