Transitioning between 2D and stereoscopic 3D webpage presentation
Systems and methods for displaying a stereoscopic three-dimensional (3D) webpage overlay. User input may be received from a user input device and in response to determining that the user input device is interacting with the 3D content, at least one of a plurality of render properties associated with of the 3D content may be modified. The at least one render property may be incrementally modified over a specified period of time, thereby animating modification of the at least one render property.
1. A non-transitory computer readable memory medium storing programming instructions executable by processing circuitry of a three-dimensional (3D) display device to:
render, on a surface of the 3D display device, a webpage comprising one or more layers, wherein a first layer is associated with multiple instances of 3D content, wherein the first layer supports the multiple instances of the 3D content, and wherein a second layer is associated with two-dimensional (2D) content;
in response to determining that a user input is an interaction with at least one instance of 3D content of the multiple instances of 3D content, enter a model viewing mode and adjust an opacity associated with a background of the at least one instance of 3D content, wherein adjusting the opacity obscures visibility of the 2D content; and
in response to determining that a subsequent user input is not an interaction with the at least one instance of 3D content, exit the model viewing mode and adjust the opacity associated with the background of the at least one instance of 3D content such that the background does not obscure visibility of the 2D content.
2. The non-transitory computer readable memory medium of claim 1 ,
wherein the program instructions are further executable to:
determine that the user input is an interaction with the at least one instance of 3D content based, at least in part, on a cursor of a user input device intersecting the at least one instance of 3D content.
3. The non-transitory computer readable memory medium of claim 1 ,
wherein the program instructions are further executable to:
determine that the subsequent user input is not an interaction with the at least one instance of 3D content based, at least in part, on a cursor of a user input device not intersecting at least one instance of 3D content.
4. The non-transitory computer readable memory medium of claim 1 ,
wherein, to adjust the opacity associated with the background of the at least one instance of 3D content, the program instructions are further executable to:
incrementally modify the opacity the over a specified period of time, thereby animating modification of the opacity.
5. The non-transitory computer readable memory medium of claim 1 ,
wherein the program instructions are further executable to:
adjust a position of the at least one instance of 3D content such that the at least one instance of 3D content is centered in a viewport displaying the multiple instances of 3D content.
6. The non-transitory computer readable memory medium of claim 1 ,
wherein the program instructions are further executable to:
adjust a size associated with the at least one instance of 3D content such that the at least one instance of 3D content fills a specified percentage of a viewport displaying the multiple instances of 3D content.
7. The non-transitory computer readable memory medium of claim 1 ,
wherein the program instructions are further executable to:
in response to determining that a user input device is not interacting with at least one instance of 3D content, decrease a z-scale value associated with the multiple instances of 3D content such that a rendering of the multiple instances of 3D content appears as 2D content.
8. The non-transitory computer readable memory medium of claim 7 ,
wherein to decrease the z-scale value, the program instructions are further executable to:
incrementally decrease the z-scale value over a specified period of time, thereby animating a transition from 3D appearance to 2D appearance of the multiple instances of 3D content.
9. The non-transitory computer readable memory medium of claim 7 ,
wherein the program instructions are further executable to:
determine that a subsequent user input is interacting with the at least one instance of 3D content or an other instance of 3D content of the multiple instances of 3D content that appears as 2D content; and
in response to determining that the subsequent user input is interacting with the at least one instance of 3D content or the other instance of 3D content, increasing the z-scale value such that the rendering of the multiple instances of 3D content appears as 3D content.
10. The non-transitory computer readable memory medium of claim 1 ,
wherein the program instructions are further executable to:
prioritize interaction with the 3D content over interaction with the 2D content, wherein prioritizing the interaction with the 3D content allows a user to continue to interact with 3D content that is moved substantially behind 2D content.
11. A three-dimensional (3D) stereoscopic display system comprising:
at least one processor;
one or more displays, coupled to the at least one processor; and
a memory coupled to the at least one processor, wherein the memory has stored thereon program instructions executable by the at least one processor to:
render, on a surface of the one or more displays, a webpage comprising one or more layers, wherein a first layer is associated with multiple instances of 3D content, wherein the first layer supports the multiple instances of the 3D content, and wherein a second layer is associated with two-dimensional (2D) content;
in response to determining that a user input is an interaction with at least one instance of 3D content of the multiple instances of 3D content, enter a model viewing mode and adjust an opacity associated with a background of the at least one instance of 3D content, wherein adjusting the opacity obscures visibility of the 2D content; and
in response to determining that a subsequent user input is not an interaction with the at least one instance of 3D content, exit the model viewing mode and adjust the opacity associated with the background of the at least one instance of 3D content such that the background does not obscure visibility of the 2D content.
12. The system of claim 11 ,
wherein the program instructions are further executable to:
determine the user input is an interaction with the at least one instance of 3D content based, at least in part, on a cursor of a user input device intersecting the at least one instance of 3D content.
13. The system of claim 11 ,
wherein the program instructions are further executable to:
determine that the subsequent user input is not an interaction with the at least one instance of 3D content based, at least in part, on a cursor of a user input device not intersecting at least one instance of 3D content.
14. The system of claim 11 ,
wherein the program instructions are further executable to:
adjust a position of the 3D content such that the 3D content is centered in a viewport displaying the 3D content.
15. The system of claim 11 ,
wherein the program instructions are further executable to:
adjust a size associated with the 3D content such that the 3D content fills a specified percentage of a viewport displaying the 3D content.
16. The system of claim 11 ,
wherein the program instructions are further executable to:
in response to determining that the user input is not an interaction with the 3D content, decrease a z-scale value associated with the 3D content such that a rendering of the 3D content appears as 2D content.
17. The system of claim 16 ,
wherein to decrease the z-scale value, the program instructions are further executable to:
incrementally decrease the z-scale value over a specified period of time, thereby animating a transition from 3D appearance to 2D appearance of the multiple instances of 3D content.
18. A method for displaying a stereoscopic three-dimensional (3D) webpage overlay, comprising:
rendering, on a surface of a 3D display device, a webpage comprising one or more layers, wherein a first layer is associated with multiple instances of 3D content, wherein the first layer supports the multiple instances of the 3D content, and wherein a second layer is associated with two-dimensional (2D) content;
in response to determining that a user input is an interaction with at least one instance of 3D content of the multiple instances of 3D content, entering a model viewing mode and adjusting an opacity associated with a background of the at least one instance of 3D content, wherein adjusting the opacity obscures visibility of the 2D content; and
in response to determining that a subsequent user input is not an interaction with the at least one instance of 3D content, exiting the model viewing mode and adjusting the opacity associated with the background of the at least one instance of 3D content such that the background does not obscure visibility of the 2D content.
19. The method of claim 18 , further comprising:
determining that the user input is an interaction with the at least one instance of 3D content based, at least in part, on a cursor of a user input device intersecting the at least one instance of 3D content; and
determining that the subsequent user input is not an interaction with the at least one instance of 3D content based, at least in part, on a cursor of the user input device not intersecting at least one instance of 3D content.
20. The method of claim 18 , further comprising:
tracking a position and orientation of a user input device relative to the surface of the 3D display device.