[发明专利]装饰品在线定制方法、定制服务器以及客户端

说明书

技术领域

本发明涉及3D模型、3D显示领域，特别涉及装饰品在线定制方法、定制服务器以及客户端。

背景技术

三维图形引擎，是封装了硬件操作和图形算法、简单易用、功能丰富的三维图形开发环境。Three.js是一个开源的JavaScript 3D引擎，该项目的目标是创建一个低复杂、轻量级的3D库，用最简单、直观的方式封装WebGL中的常用方法。现有技术的缺点在于：缺少可定制化功能，同时定制后的文字布局不均、美感较差。

发明内容

本发明要解决的技术问题是，提供装饰品在线定制方法，能够实现字体的定制和布局处理。

解决上述技术问题，本发明提供了一种装饰品在线定制方法，建立字库和模型库，所述模型库用于提供所述装饰品的3D模型，所述字库用于提供所述装饰品的定制选择项目，包括：

将所述字库格式化后按照OPEN TYPE格式存放，

将所述模型库在本地生成和/或在线同步3D模型，

从所述模型库中加载所述装饰品的3D模型，

在所述字库中选择用于定制的字体，并对于选择的所述字体中的每个特征点逐一定制化处理，

所述定制化处理包括：

设置用于渲染操作的渲染器，

设置用于物体投影的摄像机，

设置三维空间场景、在所述三维空间场中设置光源，

设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果，

在所述装饰品的3D模型上，根据所述字体的定制化类型、所述定制化颜色、所述定制化个数以及所述定制化效绘制出渲染后的装饰品。

更进一步，设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果具体是指：

设置所述字体的定制化类型，至少包括：中文字体、西文字体、字形、字号中的一种或者多种，

设置所述字体的定制化颜色，至少包括：与所述装饰品的3D模型匹配的颜色、自定义的颜色中的任一一种，

设置所述字体的定制化个数，至少包括：定制所述字体的个数、定制所述字体的笔画、定制所述字体的特殊笔画的一种或者多种，

设置所述字体的定制化效果，至少包括：定制所述字体的阴影效果、定制所述字体的空心效果、定制所述字体的下划线效果、定制所述字体的大小写效果的一种或者多种。

更进一步，方法还包括：设置所述字体中每个字体中的笔画的每个特征点方法具体为：

声明全局的对象，选择笔画中的特征点，

设置透视投影的相机，相机的上方向为Y轴，右方向为X轴，沿着Z轴朝里，视野角：fov，纵横比：aspect，相机离视体积最近的距离：near，相机离视体积最远的距离：far；

设置相机的位置坐标，(x、y、z)

设置相机的上为z轴方向；

设置视野的中心坐标{x:0,y:0,z:0}，

上述相机用于提供透视投影和正投影两种方式。

更进一步，方法还包括：设置所述字体中每个字体的旋转角度或移动矢量，

所述旋转角度为字体围绕x、y或z轴上的旋转，

通过调用mesh.rotation函数，修改选定的x、y或z轴，

得到所述字体中的笔划中每个帧循环旋转的弧度，

所述移动矢量为字体围绕x、y或z轴上的位移，通过rotateX、rotateY、rotateZ函数旋转所述字体中的笔划，

或者，通过调用THREE.Vector3类型变量的position函数，完成位置移动。

更进一步，所述定制化处理还包括：对所述字体中每个笔划的边缘和/或拐角的处理方法，其具体包括：

声明渲染器对象，选择所述字体中每个笔划的边缘和/或拐角，以及是否开启反锯齿、着色精度选择、是否可以设置背景色透明、是否保存绘图缓冲、最大灯光数；

制定渲染器的宽和高，

追加canvas元素到canvas3d元素中，

设置canvas背景色和背景色透明度。

更进一步，在所述三维空间场中通过设置光源，确定所述字库中选择用于定制的字体的笔划位置：

声明全局变量的笔划对象，选择环境光和点光源、聚光灯、平行光源、环境光中的任一一种进行组合，

设置一平行光源，

设置光源向量，

追加光源到场景，

上述光源包括：光源和聚光灯两种类型。

更进一步，所述模型库用于提供所述装饰品的3D模型包括：项链、手镯、戒指中的任一一种。