CSS3 extensions for setting web content in a 3D view volume and its stereoscopic 3D display

Abstract

Over recent years, the development of electronic devices such as mobile devices and smart TVs has been remarkable; meanwhile, the emergence of 3D TV has given rise to a rapid increase of the demand for 3D expressions. The objective of this study is the use of a CSS stylesheet for the reconstruction of the web content that is typically expressed in formats like HTML into 3D space. To this end, the basic information that is required for the defining of the 3D graphics of 3D space must first be identified, and the remaining information that cannot be covered by the genuine CSS3 specifications can be set in the view volume through the extension of the 3D-viewpoint and 3D-view-volume specifications; therefore, the specifications were extended so that the contents of the 3D view volumes can be placed at any user-selected location. A preprocessor that can convert the genuine specifications into the extended specifications could then be implemented using the javascript, enabling a viewing of the extended-specifications contents on the current browser. A rendering-engine emulator was also implemented for the checking of the demonstration results and for the evaluation of the stereoscopic-display expression that is one of the various 3D-content-application fields. If the extended CSS3 specifications that are proposed by this study become the W3C standards, the 3D expression of web content will become more unconstrained and more convenient. (C) 2016 Elsevier B.V. All rights reserved.