Development of emulator for CSS3 extension to represent web contents on stereo device

Abstract

In this paper, we extend CSS specifications which are needed to reconstruct standard-based 2D web contents in 3D space using CSS stylesheet, and we implement an emulator to confirm the result of representing written sample contents 3D-stereoscopically on a stereo device. First, a new profile which is needed to set the view volume and layout web contents out in 3D space is proposed by extending CSS3 specifications. Then, the user freely reconstructs the web contents from the browser in 3D space using the nwly extended CSS3 specifications and writes sample contents of various kinds. In sequence, the sample contents which were written through preprocessing process using the extended specifications are converted to original CSS code, so that it is executable in webkit-based browsers. Lastly, in system rendering engine emulator, stereo view volume is automatically created, and the user can verify the result of 3D-stereoscopic representation by emulating the final stereo image files, which can be obtained from virtual left and right cameras, on stereo device.