Web页面三维动态展示技术研究与应用

陈燕红 古丽米拉·克孜尔别克 谢卫国 吕永杰

摘 要： 现代展示设计呈现出从静态展示转向动态呈现、从被动观察转向主动体验、从现实空间扩展到虚拟空间的发展趋势。为了顺应现代展示的发展趋势，从数字化交互的角度出发，阐述基于实物三维模型、WebGL和HTML5的Web页面三维动态展示技术，并基于此实现了新疆民族手工艺品三维动态展示系统，详细介绍了实现该系统所涉及的关键问题。结果表明，用户使用该系统可以从各个角度观察物品，增强了用户和产品间的互动以及直接观察的真实感。

关键词： WebGL； 动态网页； 三维动态展示； 手工艺品； 交互设计； 虚拟现实技术

中图分类号： TN911.73?34 文献标识码： A 文章编号： 1004?373X（2018）20?0024?04

Abstract： The modern display design has a development trend of turning from static display to dynamic presentation， from passive observation to active experience， and from real space to virtual space. Proceeding from the perspective of digital interaction， a Web page 3D dynamic display technology based on the physical 3D model， WebGL and HTML5 is elaborated， based on the technology， the 3D dynamic display system of Xinjiang ethnic handicrafts is implemented， and the key issues involved in the implementation of the system are discussed in detail， so as to comply with the development trend of modern display. The results show that the system can make users observe articles from various angles， which enhances the interaction between users and products and sense of reality of direct observation.

Keywords： WebGL； dynamic Web page； 3D dynamic display； handicraft； interactive design； virtual reality technology

0 引 言

目前，产品三维动态展示已成为现代工业设计体系中的重要组成部分，是一个多学科交叉的研究领域，在其发展的过程中受经济、科技、艺术水平的影响比较显著。尤其是近年来体验经济背景下，交互设计和虚拟现实技术的兴起，现代展示设计呈现出从静态展示转向动态呈现、从被动观察转向主动体验、从现实空间扩展到虚拟空间的发展趋势。

本文从数字化交互的角度出发，研究基于实物三维模型、WebGL、动态网页技术的Web页面三维动态展示关键技术。文章详细介绍了基于相关技术实现的新疆民族手工艺品三维動态展示系统。用户使用该系统可以从各个角度观察物品，增强了用户和产品间的互动以及直接观察的真实感。

1 三维动态展示技术的优势