基于Three.js的虚拟漫游服装店的构建  

Construction of the Virtual Roaming Clothing Store Based on Three.js

作　　者：耿秋晚 张海波 GENG Qiuwan;ZHANG Haibo(Information Center,Beijing Institute of Fashion Technology,Beijing 100029,China)

机构地区：[1]北京服装学院信息中心,北京100029

出　　处：《纺织科技进展》2024年第3期15-20,29,共7页Progress in Textile Science & Technology

摘　　要：为丰富用户线上购物的虚拟交互体验,基于Three.js等技术在Web端构建可以漫游的虚拟服装店。使用Style3D对服装进行数字化建模,通过Blender进行陈列展示数字化并导出服装店模型;在Web端构建Three.js三维场景,加载服装店三维模型并在Web端实现可视化显示;采用碰撞检测的方法避免出现场景中模型穿透的问题,实现人物在场景中的漫游和交互。通过虚拟漫游服装店的开发,丰富电商营销的方式,使用户可以方便地在网页中进行虚拟漫游逛店体验。In order to enrich the virtual interactive experience of users during online shopping,based on Three.js and other technologies,a virtual clothing store that could roam on the web side was constructed.The clothing was digitally modeled by using Style3D,while the display presentation was digitalized and exported as a clothing store model through Blender.The three-dimensional scenes of Three.js were constructed on the web side,while the three-dimensional model of the clothing store was available on the web-end visual display.The method of collision detection was used to avoid the problem of model penetration in the scene,and the roaming and interaction of the characters in the scene were realized.Through the development of virtual roaming clothing stores,the way of e-commerce marketing was enriched,and users could easily conduct virtual rock shop experiences on the webpage.

关 键 词：虚拟漫游 服装店 碰撞检测 Three.js 

分 类 号：TP399[自动化与计算机技术—计算机应用技术]