Study On The Methods Of Stereoscopic Webpage Generation

In recent years, as the theory of stereo vision evolves constantly andprocessing power of3D content enhances significantly, more and morethree-dimensional movies and TV shows has been brought to the public. Atthe same time, the Internet plays an increasingly important role in bothpeople’s work and life. Including3DTV, more and more applications takesweb as user interface due to the flexibility and cross-platform features ofweb implementations. On the other hand, with the3D display technologycontinues to mature, the price of a3D display has gradually get acceptanceof ordinary consumers. Therefore, how the3D display presented with athree-dimensional sense of depth web becomes a problem needs to besolved. To solve this problem, this paper analyzes the development of thethree-dimensional webpages and summarizes related technology requiredto achieve a three-dimensional webpage. Two novel methods are proposedin this paper to build stereoscopic3D webpages. One based on Canvas andthe other WebGL.Canvas2D graphics context is introduced in the HTML5specification,with its main purpose to deal with or create2D graphics from scratch,rather than embed audio and video as existing elements directly into thewebpage. By using the JavaScript API to manipulate the canvas element,we can create dynamic graphics and animation in response to userinteraction, or use it to give the HTML table data dynamically createddynamically updated data visualization graphics, and also use it to build aWeb application with the user interface of the program. Canvas is apowerful tool for creating dynamic graphics and interactive experience. Inthis paper, a novel method is proposed to build stereoscopic3D web-pages. This method can bring3D web experience to3DTV users with web-basedIPTV services. In this method, we use a new HTML5element, canvas, toaccomplish easy down-sampling of shapes, images and text. A newJavaScript library is built to accelerate the development process for webdesigners. A demo webpage with animation is presented to illustrate thecapability and potential of this method.This paper also proposed a novel method based on the3D Canvas,WebGL to build stereoscopic webpage. WebGL is a3D graphics standard,which is a drawing technology standard where JavaScript and OpenGL ES2.0combines. By increasing the OpenGL ES2.0with a JavaScript bindingfor the HTML5Canvas, WebGL can provide hardware accelerated3Drendering, so that Web developers can build systems via the browsergraphics to have a more fluid display of3D scenes and models, also cancreate complex navigation and data visualization. This paper presents asetting of the left and right view by a pair of stereo cameras in WebGLenvironment to generate binocular stereoscopic webpage. This paper usedthis method to draw a binocular stereoscopic page of a three-dimensionalmodel. A system based on WebGL is built to design experiments toevaluate stereoscopic effects. It provides user-defined camera parametersettings and is able to generate stereoscopic webpage or stereoscopic videoaccordingly. The relationship between baseline length of three-dimensionaland visual comfort is also discussed to show the practical guidance oursystem can provide.