双目立体网页的生成方法研究
发布时间：2021-02-13 17:41
近年来，立体视觉理论不断发展完善，对于3D内容的处理能力也大幅增强，越来越多的立体电影和电视节目进入人们的视野与此同时，网络在人们的工作生活中扮演了越来越重要的作用，由于网页具有的灵活性和跨平台等特点，包括3DTV应用软件游戏等都更多的采用网页作为和用户交互界面的实现方法；另一方面，随着3D显示技术的发展和进一步成熟，3D显示器制造工艺的发展和成本的下降，3D显示器的价格也已经逐渐能够被普通消费者所接受因此，如何在3D显示器上呈现具有纵深感的立体网页成为亟待解决的问题针对这一问题，本论文分析了立体网页的发展现状，总结了实现立体网页所需的相关技术，在此基础上提出了基于Canvas和WebGL的双目立体网页实现方法，并对它们各自的特点和适用范围进行了讨论Canvas是HTML5规范中引入的2D图形环境，它的主要用途是处理或者从头创建2D图形，而不是像嵌入audio和video元素那样直接将现有媒体嵌入到网页中通过使用JavaScript API来操作canvas元素，可以创建响应用户交互的动态图形和动画；可以使用它来给予HTML表格中的数据动态创建动态更新的数据可视化图形；还可以使用它来构...
【文章来源】：上海交通大学上海市 211工程院校 985工程院校 教育部直属院校
【文章页数】：66 页
【学位级别】：硕士
【文章目录】：
摘要
ABSTRACT
英文缩略语说明表
第一章 绪论
1.1 引言
1.2 研究的目的与意义
1.3 本文的主要研究成果及章节安排
第二章 双目立体成像相关技术
2.1 双目立体成像系统
2.1.1 主动快门式眼镜
2.1.2 彩色眼镜
2.1.3 偏光眼镜
2.1.4 头戴式显示器
2.2 双目 3D 网页现状
2.3 本章小结
第三章 基于 CANVAS 的立体网页生成
3.1 引言
3.1.1 DVB 标准
3.1.2 Canvas 简介
3.2 具体绘制流程
3.2.1 设计网页效果图
3.2.2 获取 3D 定位信息
3.2.3 创建 3D 网页
3.2.4 解析 3D 网页
3.2.5 根据 3D 传输模式，在 Canvas 上绘制
3.3 本方法解决的主要问题
3.3.1 深度视差关系模型
3.3.2 文字绘制
3.3.3 视频绘制
3.4 与其他技术的区别
3.4.1 与传统 2D 网页区别
3.4.2 与浮雕 3D 使用 CSS 编写 3D 网页技术等的区别
3.5 本章小结
第四章 基于 WEBGL 的立体网页生成
4.1 引言
4.2 WEBGL 3D 网页生成方法
4.2.1 WebGL 中的坐标变换
4.2.2 SBS 格式的 WebGL 绘制
4.2.3 摄像机设置
4.3 基于 WEBGL 的舒适度测试系统设计
4.3.1 两种立体摄像机的设定方式
4.3.2 平行式摄像机移轴算法的实现
4.3.3 会聚式摄像机
4.4 基于 WEBGL 的舒适度测试系统实现
4.4.1 初始化场景
4.4.2 初始化摄像机
4.4.3 绘制左右视图
4.4.4 更新参数重新绘制
4.4.5 运动场景
4.4.6 导出视频序列
4.5 基于 WEBGL 的舒适度测试系统的应用
4.5.1 焦距和视角关系
4.5.2 基线长度和目标距离关系讨论
4.6 与其他技术区别
4.6.1 和 OpenGL 的区别
4.6.2 和 Flash 的区别
4.7 本章小结
第五章 总结与展望
5.1 主要结论
5.2 研究展望
参考文献
致谢
攻读硕士学位期间已发表或录用的论文和专利
附录
【参考文献】：
期刊论文
[1]HTML5:正在发生的未来[J]. 王冠. IT经理世界. 2012(21)
[2]帧兼容立体电视传输技术[J]. 郑冠雯,姜秀华. 电视技术. 2012(18)
[3]基于OpenGL的双目摄像机的实时3D显示[J]. 江汉琼,钱玮,刘宜,吴超平,杨志红. 仪表技术. 2012(06)
[4]基于WebGL标准的家庭娱乐终端上Web3D渲染的实现[J]. 苏雪. 长江大学学报(自然科学版). 2011(12)
[5]3D电视节目的防眩晕拍摄技术研究[J]. 杨宇,郭远航,沈萦华. 电视技术. 2011(08)
[6]NGB的发展与思考[J]. 张丽,徐淑正,许宏吉,杨华中. 广播与电视技术. 2010(02)
[7]立体图像对的生成[J]. 杨珺,王继成,刘然. 计算机应用. 2007(09)
[8]立体成像系统数学模型和视差控制方法[J]. 侯春萍,阿陆南,俞斯乐. 天津大学学报. 2005(05)
[9]3D显示技术的最新研究进展[J]. 李克彬,李世其. 计算机工程. 2003(12)
[10]基于LCD的自由立体显示技术[J]. 王元庆. 液晶与显示. 2003(02)
博士论文
[1]基于计算机立体视觉的双目立体成像研究[D]. 刘然.重庆大学 2007
硕士论文
[1]立体图像对的生成算法研究[D]. 支丽欧.重庆大学 2007
本文编号：3032343
【文章来源】：上海交通大学上海市 211工程院校 985工程院校 教育部直属院校
【文章页数】：66 页
【学位级别】：硕士
【文章目录】：
摘要
ABSTRACT
英文缩略语说明表
第一章 绪论
1.1 引言
1.2 研究的目的与意义
1.3 本文的主要研究成果及章节安排
第二章 双目立体成像相关技术
2.1 双目立体成像系统
2.1.1 主动快门式眼镜
2.1.2 彩色眼镜
2.1.3 偏光眼镜
2.1.4 头戴式显示器
2.2 双目 3D 网页现状
2.3 本章小结
第三章 基于 CANVAS 的立体网页生成
3.1 引言
3.1.1 DVB 标准
3.1.2 Canvas 简介
3.2 具体绘制流程
3.2.1 设计网页效果图
3.2.2 获取 3D 定位信息
3.2.3 创建 3D 网页
3.2.4 解析 3D 网页
3.2.5 根据 3D 传输模式，在 Canvas 上绘制
3.3 本方法解决的主要问题
3.3.1 深度视差关系模型
3.3.2 文字绘制
3.3.3 视频绘制
3.4 与其他技术的区别
3.4.1 与传统 2D 网页区别
3.4.2 与浮雕 3D 使用 CSS 编写 3D 网页技术等的区别
3.5 本章小结
第四章 基于 WEBGL 的立体网页生成
4.1 引言
4.2 WEBGL 3D 网页生成方法
4.2.1 WebGL 中的坐标变换
4.2.2 SBS 格式的 WebGL 绘制
4.2.3 摄像机设置
4.3 基于 WEBGL 的舒适度测试系统设计
4.3.1 两种立体摄像机的设定方式
4.3.2 平行式摄像机移轴算法的实现
4.3.3 会聚式摄像机
4.4 基于 WEBGL 的舒适度测试系统实现
4.4.1 初始化场景
4.4.2 初始化摄像机
4.4.3 绘制左右视图
4.4.4 更新参数重新绘制
4.4.5 运动场景
4.4.6 导出视频序列
4.5 基于 WEBGL 的舒适度测试系统的应用
4.5.1 焦距和视角关系
4.5.2 基线长度和目标距离关系讨论
4.6 与其他技术区别
4.6.1 和 OpenGL 的区别
4.6.2 和 Flash 的区别
4.7 本章小结
第五章 总结与展望
5.1 主要结论
5.2 研究展望
参考文献
致谢
攻读硕士学位期间已发表或录用的论文和专利
附录
【参考文献】：
期刊论文
[1]HTML5:正在发生的未来[J]. 王冠. IT经理世界. 2012(21)
[2]帧兼容立体电视传输技术[J]. 郑冠雯,姜秀华. 电视技术. 2012(18)
[3]基于OpenGL的双目摄像机的实时3D显示[J]. 江汉琼,钱玮,刘宜,吴超平,杨志红. 仪表技术. 2012(06)
[4]基于WebGL标准的家庭娱乐终端上Web3D渲染的实现[J]. 苏雪. 长江大学学报(自然科学版). 2011(12)
[5]3D电视节目的防眩晕拍摄技术研究[J]. 杨宇,郭远航,沈萦华. 电视技术. 2011(08)
[6]NGB的发展与思考[J]. 张丽,徐淑正,许宏吉,杨华中. 广播与电视技术. 2010(02)
[7]立体图像对的生成[J]. 杨珺,王继成,刘然. 计算机应用. 2007(09)
[8]立体成像系统数学模型和视差控制方法[J]. 侯春萍,阿陆南,俞斯乐. 天津大学学报. 2005(05)
[9]3D显示技术的最新研究进展[J]. 李克彬,李世其. 计算机工程. 2003(12)
[10]基于LCD的自由立体显示技术[J]. 王元庆. 液晶与显示. 2003(02)
博士论文
[1]基于计算机立体视觉的双目立体成像研究[D]. 刘然.重庆大学 2007
硕士论文
[1]立体图像对的生成算法研究[D]. 支丽欧.重庆大学 2007
本文编号：3032343
本文链接：https://www.wllwen.com/guanlilunwen/ydhl/3032343.html
