Stereoscopic 3D webpage overlay

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 instructions executable by the at least one processor to:
• render, on a surface of at least one display of the one or more displays, a webpage comprising at least two layers, wherein a first layer of the at least two layers is associated with three-dimensional (3D) content rendered on the surface of the at least one display, wherein the first layer comprises a WebGL canvas, wherein a second layer of the at least two layers is associated with two-dimensional (2D) content rendered on the surface of the at least one display, wherein the first and second layers are rendered on the surface of the at least one display at substantially the same time, and wherein a mapping between layout position in pixels on the webpage and virtual 3D positions in a unit of length associated with the WebGL canvas enables positioning of the 3D content relative to the 2D content on the webpage within 2 pixels;
• receive user input from a user input device;
• in response to determining that the user input device is not interacting with the 3D content, interpret the user input based on a 2D mode of interaction;
• and
• in response to determining that the user input device is interacting with the 3D content, interpret the user input based on a 3D mode of interaction.

A method for displaying a stereoscopic three-dimensional (3D) webpage overlay, comprising:

• rendering, on a surface of a display device, a webpage comprising at least two layers, wherein a first layer of the at least two layers is associated with three-dimensional (3D) content rendered on the surface of the display device, wherein the first layer comprises a WebGL canvas, wherein a second layer of the at least two layers is associated with two-dimensional (2D) content rendered on the surface of the display device, wherein the first and second layers are rendered on the surface of the display device at substantially the same time, wherein the first layer is rendered on top of the second layer, and wherein a mapping between layout position in pixels on the webpage and 3D positions in a unit of length associated with the WebGL canvas enables positioning of the 3D content relative to the 2D content on the webpage within 2 pixels;
• receiving user input from a user input device;
• in response to determining that the user input device is not interacting with the 3D content, interpreting the user input based on a 2D mode of interaction;
• and
• in response to determining that the user input device is interacting with the 3D content, interpreting the user input based on a 3D mode of interaction.