用于实现三维页面的方法及系统技术方案

本申请公开了一种用于实现三维网页的方法及系统，利用在HTML语言中定义的视帧标签、在CSS语言中定义的三维定位信息属性组以及在JavaScript语言中定义的显示格式对象创建三维页面文件，并且对三维页面文件进行解析并相应建立视帧对应的文档对象模型树，最后对文档对象模型树进行三维渲染，依据显示格式显示渲染所得三维页面。这样，采用上述处理方式就能实现双视点或多视点三维网页，在双视点或多视点3D显示器上呈现具有深度感的立体三维网页世界，革新了网络体验。

【技术实现步骤摘要】
用于实现三维页面的方法及系统
本申请涉及计算机应用领域，尤其涉及一种用于实现三维页面的方法及系统。
技术介绍
人类的眼睛在观察一个三维物体时，由于双眼水平分开在两个不同的位置上，所看到的物体图像是不同的。左眼和右眼看到的图像分别为左眼图像和右眼图像，它们之间存在着一个视差（Parallax）。由于视差的存在，通过人类的大脑，可以感受到一个具有景深和层次感的三维（3D）世界，这就是双目视差原理。视差又分为正视差、负视差及零视差。在3D显示平面上，物体的左眼图像在左侧、右眼图像在右侧时被定义为正视差，观看正视差的物体时，感觉该物体位于3D显示平面的后方；在3D显示平面上，物体的左眼图像在右侧、右眼图像在左侧时被定义为负视差，观看负视差的物体时，感觉该物体位于3D显示平面的前方；而零视差是指在3D显示平面上，物体的左眼图像与右眼图像完全重合。面向裸眼立体3D显示的多视点3D则是由至少三个相邻的视点构成的，定义为多视点立体3D（Multi-viewStereoscopic3D），相邻的两个视点构成双视点3D。由此可见，多视点3D是双视点3D的扩展，双视点3D是多视点3D的特例。目前的双视点或本文档来自技高网...

【技术保护点】
一种用于实现三维网页的方法，其特征在于，包括：获得三维页面文件，所述三维页面文件包括如下内容：HTML语言中的至少两个视帧标签，每一视帧标签包括每一视帧的标识及内容，视帧的内容包括页面布局及页面元素，所述页面元素包括三维页面元素；CSS语言中的三维定位信息属性组，三维定位信息属性组包括视帧的标识、视帧中三维页面元素的标识，以及三维页面元素的三维定位信息；JavasScript语言中的显示格式对象，显示格式对象包括视帧的标识以及视帧的显示格式信息；对三维页面文件进行解析，得到视帧标签、三维定位信息属性组以及显示格式对象中的信息；根据解析得到的视帧标签及三维定位信息属性组中的信息，建立每一视帧对应...

【技术特征摘要】
1.一种用于实现三维网页的方法，其特征在于，包括：创建三维页面文件，包括：建立网页的页面布局，获得网页中的多种页面元素，在HTML语言中定义至少两个视帧标签，每一视帧标签包括每一视帧的标识及内容，视帧的内容包括页面布局及页面元素，所述页面元素包括三维页面元素；在CSS语言中定义三维定位信息属性组，三维定位信息属性组包括视帧的标识、视帧中三维页面元素的标识，以及三维页面元素的三维定位信息，三维页面元素的三维定位信息包括：瞳距及三维页面元素距离显示屏的深度值，或瞳距及三维页面元素距离显示屏的深度值的继承信息；在JavasScript语言中定义显示格式对象，显示格式对象包括视帧的标识以及视帧的显示格式信息，最终得到三维页面文件；在对三维页面进行显示时，获取创建得到的三维页面文件，对三维页面文件进行解析，得到视帧标签、三维定位信息属性组以及显示格式对象中的信息；根据解析得到的视帧标签及三维定位信息属性组中的信息，建立每一视帧对应的文档对象模型树；根据解析得到的显示格式对象中的信息，对需要显示的各视帧对应的文档对象模型树进行三维渲染，得到三维页面以进行显示。2.如权利要求1所述的方法，其特征在于，建立网页的页面布局具体为：利用Dreamweaver网页编辑器或文本编辑器建立页面布局，方法还包括：采用AutodeskMaya三维动画软件对图像页面元素进行三维建模，得到三维图像页面元素；采用AutodeskMaya三维动画软件设定三维页面元素的三维定位信息。3.如权利要求1或2所述的方法，其特征在于，显示格式对象包括：同时显示的视帧个数，显示屏的宽度值及高度值。4.一种用于实现三维网页的系统，其特征在于，包括：三维...

【专利技术属性】
技术研发人员：王文敏，王荣刚，董胜富，王振宇，李英，高文，
申请(专利权)人：北京大学深圳研究生院，
类型：发明
国别省市：