这几年来,电子商务的发展非常迅猛。在互联网技术的推动下,电子商务正在完成对传统零售业、餐饮业等行业的革新,它正在充当一种无可比拟的传播媒介加速产品与顾客的联系。虽然目前的电子商务网站已经能够提供丰富多样的选择,但是仍然不能满足用户多样化、个性化的需求。尽管市面上已经出现了一大批针对个性化定制的网上定制平台,它们的出现在一定程度上弥补了市场的空缺。但是这些落后的定制系统普遍存在交互性差、交互方式单一(多为图片结合文字的交互方式)的缺陷。因此,采用Web3D结合线上个性化定制才是一种更优的解决方案。目前,有多种技术方案可以实现Web3D,本课题采用了Web GL(Khronos组织于2009年8月提出的绘图技术标准)这种技术,解决了其它Web3D技术方案存在的诸多问题。本课题主要研究Web GL关键的技术细节,基于Web GL在不同浏览器上实现Web3D,并将其运用于个性化定制。本文的研究内容包括以下这些方面:首先,研究一个Web GL的流行的库:Three.js。基于Web GL采用Java Script语言去处理网页中的三维模型,解决网页场景中三维模型的实时渲染、模型更换、材质更换、纹理贴图、模型定位等问题,提供给用户生动、丰富的交互效果。其次,分析灯饰行业的行业特点,制定出一个将灯饰划分为几个主要部件的方案,基于这一方案将模型分隔再拼接,实现多样的组合效果。再次,研究Node.js服务器的搭建,使用JavaScript脚本语言解决客户端交互与服务器数据交互问题,使用Express框架进行服务器开发与数据API构建。最后,运用一些常用的开发工具制作、开发、发布网页,最终构建出一个完整的灯饰定制系统。系统涵盖了课题设计之初提出的一些功能,可以有效的进行跨平台、跨浏览器展示。本课题采用了Web GL的方式渲染三维模型,使用BS架构搭建系统平台,结合Three.js库实现了三维模型的各种交互:三维模型的展示、缩放、材质和纹理切换。同时基于对OBJ三维模型文件与三维世界中坐标的研究,提出了重新定位三维模型位置的算法。