Web页面三维动态展示技术研究与应用Research and application of Web page 3D dynamic display technology
陈燕红,古丽米拉·克孜尔别克,谢卫国,吕永杰
摘要(Abstract):
现代展示设计呈现出从静态展示转向动态呈现、从被动观察转向主动体验、从现实空间扩展到虚拟空间的发展趋势。为了顺应现代展示的发展趋势,从数字化交互的角度出发,阐述基于实物三维模型、WebGL和HTML5的Web页面三维动态展示技术,并基于此实现了新疆民族手工艺品三维动态展示系统,详细介绍了实现该系统所涉及的关键问题。结果表明,用户使用该系统可以从各个角度观察物品,增强了用户和产品间的互动以及直接观察的真实感。
关键词(KeyWords): WebGL;动态网页;三维动态展示;手工艺品;交互设计;虚拟现实技术
基金项目(Foundation): 国家自然科学基金项目(61662080);; 国家社会科学基金项目(13CMZ032);; 新疆农业大学研究生教育教学改革研究项目(xjauyzkc-yjs-2017004);; 国家级大学生创新创业训练计划项目(201610758027)~~
作者(Author): 陈燕红,古丽米拉·克孜尔别克,谢卫国,吕永杰
DOI: 10.16652/j.issn.1004-373x.2018.20.006
参考文献(References):
- [1]魏书寒,孙麒.基于HTML5和WebGL的三维智慧社区管理系统的设计与研究[J].工业控制计算机,2017,30(5):139-140.WEI Shuhan,SUN Qi. 3D intelligent community management system based on HTML5 and WebGL[J]. Industrial control computer,2017,30(5):139-140.
- [2]霍冬,郑伟华,盛步云.基于WebGL的机械产品三维展示技术研究[J].制造业自动化,2013,35(18):73-77.HUO Dong,ZHENG Weihua,SHENG Buyun. A research of mechanical products′3D display technology based on WebGL[J]. Manufacturing automation,2013,35(18):73-77.
- [3]张玄,黄蔚.3D机房运维可视化系统的设计与实现[J].软件,2016,37(7):89-93.ZHANG Xuan,HUANG Wei. Design and implementation of3D data room operation and maintenance visualization system[J]. Computer engineering&software,2016,37(7):89-93.
- [4]刘爱华,韩勇,张小垒,等.基于WebGL技术的网络三维可视化研究与实现[J].地理空间信息,2012,10(5):79-81.LIU Aihua,HAN Yong,ZHANG Xiaolei,et al. Research and implementation of network 3D visualization based on WebGL technology[J]. Geospatial information,2012,10(5):79-81.
- [5]郑华,宿景芳.面向Web的三维模型生成与处理技术[J].现代电子技术,2015,38(24):83-86.ZHENG Hua,SU Jingfang. Web-oriented 3D model generation and processing technology[J]. Modern electronics technique,2015,38(24):83-86.
- [6]王磊,高珏,金野,等.基于Web3D无插件的三维模型展示的研究[J].计算机技术与发展,2015,25(4):217-220.WANG Lei,GAO Jue,JIN Ye,et al. Research on three-dimensional model display based on Web3D without plug-in[J].Computer technology and development,2015,25(4):217-220.
- [7]陈滔滔,江晓宇,温佩贤,等.基于Web3D的人脸模型定制系统[J].系统仿真学报,2014,26(2):382-388.CHEN Taotao,JIANG Xiaoyu,WEN Peixian,et al. Face model customization system based on Web3D[J]. Journal of system simulation,2014,26(2):382-388.
- [8]方路平,李国鹏,洪文杰,等.基于WebGL的医学图像三维可视化研究[J].计算机系统应用,2013,22(9):25-30.FANG Luping,LI Guopeng,HONG Wenjie,et al. 3D visualization of medical images based on WebGL[J]. Computer systems&applications,2013,22(9):25-30.
- [9]罗怀荣,石军锋.基于WebGL 3D技术的可视化温室环境监测系统设计[J].江苏农业科学,2017,45(7):189-192.LUO Huairong,SHI Junfeng. Design of visual greenhouse environment monitoring system based on WebGL 3D technology[J].Jiangsu agricultural sciences,2017,45(7):189-192.
- [10]吴志强,祝忠明,刘巍,等.机构知识库三维模型检索与展示技术研究与实践[J].数据分析与知识发现,2017,1(1):73-80.WU Zhiqiang,ZHU Zhongming,LIU Wei,et al. Retrieving3D models from institutional repository[J]. Data analysis and knowledge discovery,2017,1(1):73-80.