【摘要】 为改善传统线上购物体验以及简化服装上新流程，基于WebGL、Three.js、服装建模、模型轻量化等技术对网页中的服装三维交互展示技术进行了研究。首先，对服装建模并进行轻量化处理以适用于在浏览器中进行开发；其次，在购物平台的服装商品详情页面构建Three.js三维场景，得到理想的服装商品页面预览效果；再次，采用射线拾取方法，实现首页的服装模型到服装商品详情页面后的跳转；最后，在服装商品详情页面可以对服装模型进行旋转、平移和缩放，并通过点击按钮实现服装样式的切换。通过上述功能的开发，可以使用户得到更丰富的线上购物体验。更多还原

【Abstract】 In order to improve the traditional online shopping experience and the process of apparel uploading, based on WebGL, Three.js, apparel modeling, model lightweighting and other technologies, the apparel three-dimensional interactive display technology on the web page has been studied. Firstly, apparel madeling was created and lightweighted for development in the browser. Secondly, a three-dimensional scene with three.js was constructed on the clothing product detail page of the shopping platform to get the ideal preview effect. Then ray picking method was used to realize that clicking on the clothing model on the home page jumps to the clothing product detail page. Finally, on the detail page, users can rotate, pan and zoom the apparel model, and switch the style by clicking the button.The above functions can make users enjoy a more enriched online shopping experience.更多还原