CN107944971A - 装饰品在线定制方法、定制服务器以及客户端 - Google Patents
装饰品在线定制方法、定制服务器以及客户端 Download PDFInfo
- Publication number
- CN107944971A CN107944971A CN201711299996.0A CN201711299996A CN107944971A CN 107944971 A CN107944971 A CN 107944971A CN 201711299996 A CN201711299996 A CN 201711299996A CN 107944971 A CN107944971 A CN 107944971A
- Authority
- CN
- China
- Prior art keywords
- customization
- font
- ornament
- models
- library
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0621—Item configuration or customization
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
- G06Q30/0643—Graphical representation of items or shoppers
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
Landscapes
- Business, Economics & Management (AREA)
- Engineering & Computer Science (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- General Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- Strategic Management (AREA)
- Marketing (AREA)
- Economics (AREA)
- Development Economics (AREA)
- Architecture (AREA)
- Computer Graphics (AREA)
- Computer Hardware Design (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了装饰品在线定制方法、定制服务器以及客户端,其中方法包括:将所述字库格式化后按照OPEN TYPE格式存放,将所述模型库在本地生成和/或在线同步3D模型,从所述模型库中加载所述装饰品的3D模型,在所述字库中选择用于定制的字体,并对于选择的所述字体中的每个特征点逐一定制化处理,所述定制化处理包括:设置用于渲染操作的渲染器,设置用于物体投影的摄像机,设置三维空间场景、在所述三维空间场中设置光源,在所述装饰品的3D模型上,根据所述字体的定制化类型、所述定制化颜色、所述定制化个数以及所述定制化效绘制出渲染后的装饰品。本发明能够实现字体的定制和布局处理,得到的装饰品富有美感和个性化。
Description
技术领域
本发明涉及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模型包括:项链、手镯、戒指中的任一一种。
更进一步,所述字库中的所述字体与所述模型库中的3D模型之间的关系为:拼接、连接、组合中的任一一种。
本发明还公开了一种服务器,包括:字库单元和模型库单元,所述模型库单元用于提供所述装饰品的3D模型,所述字库单元用于提供所述装饰品的定制选择项目,还包括:预处理单元和定制化处理单元,
所述预处理单元用于将所述字库格式化后按照OPEN TYPE格式存放,将所述模型库在本地生成和/或在线同步3D模型,从所述模型库中加载所述装饰品的3D模型,
以及,在所述字库中选择用于定制的字体,并对于选择的所述字体中的每个特征点逐一定制化处理;
所述定制化处理单元中的定制化处理包括:
设置用于渲染操作的渲染器,
设置用于物体投影的摄像机,
设置三维空间场景、在所述三维空间场中设置光源,
设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果,
在所述装饰品的3D模型上,根据所述字体的定制化类型、所述定制化颜色、所述定制化个数以及所述定制化效绘制出渲染后的装饰品。
本发明还公开了一种客户端,包括:字库、模型库、定制化选择单元、定制化服务单元、输出展示单元,
所述字库,用于将所述字库格式化后按照OPEN TYPE格式存放,
所述模型库,用于将所述模型库在本地生成和/或在线同步3D模型,
所述定制化选择单元,用于从所述模型库中加载所述装饰品的3D模型,
在所述字库中选择用于定制的字体,并对于选择的所述字体中的每个特征点逐一定制化处理,
所述定制化服务单元,用于设置用于渲染操作的渲染器,设置用于物体投影的摄像机,设置三维空间场景、在所述三维空间场中设置光源,以及,设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果;
所述输出展示单元,用于在所述装饰品的3D模型上,根据所述字体的定制化类型、所述定制化颜色、所述定制化个数以及所述定制化效绘制出渲染后的装饰品。
本发明的有益效果:
1)通过本发明中的方法,能够在字库和模型库的基础上,所述模型库用于提供所述装饰品的3D模型,所述字库用于提供所述装饰品的定制选择项目,对所述字库和所述模型库中的元素进行结合,通过将所述字库格式化后按照OPEN TYPE格式存放,将所述模型库在本地生成和/或在线同步3D模型,从所述模型库中加载所述装饰品的3D模型,实现装饰品的线上化定制。更进一步,可以特征针对于汉字的显示效果和装饰品的富有美感和布局合理的结合。更进一步,所述定制化处理是在所述字库中选择用于定制的字体,并对于选择的所述字体中的每个特征点逐一定制。本发明中的定制化处理为:设置用于渲染操作的渲染器,设置用于物体投影的摄像机,设置三维空间场景、在所述三维空间场中设置光源,设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果,在所述装饰品的3D模型上,根据所述字体的定制化类型、所述定制化颜色、所述定制化个数以及所述定制化效绘制出渲染后的装饰品。
2)通过本发明中的服务器,包括:字库单元和模型库单元,所述模型库用于提供所述装饰品的3D模型,所述字库用于提供所述装饰品的定制选择项目,还包括:预处理单元和定制化处理单元。用户通过所述定制服务器,在所述装饰品的3D模型上,根据所述字体的定制化类型、所述定制化颜色、所述定制化个数以及所述定制化效绘制出渲染后的装饰品。既满足了用户的定制化需求,同时用户可以通过渲染后的装饰品在线进行选择和下单操作。
3)通过本发明中的客户端,用户可以通过安装移动智能终端上的应用程序,可以实现装饰品在线定制服务。所述字库、模型库可以储存在本地或者在需要时与云端进行接口调用,通过所述定制化选择单元、所述定制化服务单元、所述输出展示单元,用户可以选择需要定制化的服务内容以及对应的效果,并可以在移动智能终端上直接展示,用户在完成定制后可直接完成购买。
附图说明
图1是本发明一实施例中的装饰品在线定制方法流程示意图;
图2是图1中的优选实施例示意图;
图3是本发明中设置所述字体中每个字体中的笔画的每个特征点的流程示意图;
图4是本发明中设置所述字体中每个字体的旋转角度或移动矢量的流程示意图;
图5是本发明中定制化处理的优选实施方式示意图;
图6是图1中的另一优选实施例示意图;
图7是本发明中的定制服务器结构示意图;
图8是本发明中的客户端结构示意图。
具体实施方式
现在将参考一些示例实施例描述本公开的原理。可以理解,这些实施例仅出于说明并且帮助本领域的技术人员理解和实施例本公开的目的而描述,而非建议对本公开的范围的任何限制。在此描述的本公开的内容可以以下文描述的方式之外的各种方式实施。
如本文中所述,术语“包括”及其各种变体可以被理解为开放式术语,其意味着“包括但不限于”。术语“基于”可以被理解为“至少部分地基于”。术语“一个实施例”可以被理解为“至少一个实施例”。术语“另一实施例”可以被理解为“至少一个其它实施例”。
请参考图1是本发明一实施例中的装饰品在线定制方法流程示意图,本实施例中的方法为:
步骤S100建立字库和模型库,所述模型库用于提供所述装饰品的3D模型,所述字库用于提供所述装饰品的定制选择项目,包括:
步骤S101将所述字库格式化后按照OPEN TYPE格式存放,
步骤S102将所述模型库在本地生成和/或在线同步3D模型,
步骤S103从所述模型库中加载所述装饰品的3D模型,
步骤S104在所述字库中选择用于定制的字体,并对于选择的所述字体中的每个特征点逐一定制化处理,
步骤S105所述定制化处理包括:设置用于渲染操作的渲染器,设置用于物体投影的摄像机,设置三维空间场景、在所述三维空间场中设置光源,
步骤S106设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果,
步骤S107在所述装饰品的3D模型上,根据所述字体的定制化类型、所述定制化颜色、所述定制化个数以及所述定制化效绘制出渲染后的装饰品。
优选地,上述模型库用于提供所述装饰品的3D模型包括:项链、手镯、戒指中的任一一种。
优选地,上述所述字库中的所述字体与所述模型库中的3D模型之间的关系为:拼接、连接、组合中的任一一种。
通过上述步骤,可以特征针对于汉字的显示效果和装饰品的富有美感和布局合理的结合。所述模型库是指由3D模型由顶点(vertex)组成,顶点之间连成三角形或四边形(在一个平面上),多个三角形或者四边形就能够组成复杂的立体模型。所述OPEN TYPE格式中OPEN TYPE字体格式采用Unicode编码,Unicode是国际编码标准,它为不同语言的字型分配了唯一的编码,几乎包含了世界上的所有字符,每个字符都有一个单一的Unicode值,所以在同一款OPEN TYPE字库中可以同时包含很多种语言的字型,比如西文、中文、韩文、日文、俄文等,即OPEN TYPE是一种兼容各种语言的字体格式。
所述装饰品的3D模型是由面组成,面分为三角形和四边形面。三角形和四边形面组成了网格模型。在Three.js中用THREE.Mesh来表示网格模型。THREE.Mesh可以和THREE.Line相提并论,区别是THREE.Line表示的是线条。THREE.Mesh表示面的集合。调用函数具体为:
THREE.Mesh=function(geometry,material)
其中,第一个参数geometry:是一个THREE.Geometry类型的对象,代表的是一个包含顶点和顶点之间连接关系的对象。第二个参数Material,即是定义的材质。有了材质就能够让模型更好看,材质会影响光照、纹理对Mesh的作用效果。在本实施例中Material为铂金、k金。
上述方法中从所述模型库中加载所述装饰品的3D模型的方法包括但不限于,S1服务器上的模型文件以文本的方式存储,服务器上的模型文件大多是存储的模型的顶点信息,这些信息可以以文本的方式存储的。Three.js支持很多种3D模型格式,包括但不限于ply,stl,obj,vtk等等。S2浏览器下载文件到本地,使用javascript的异步请求就可以实现。S3Javascript解析模型文件,生成Mesh网格模型,Javascript解析文本文件并生成一个geometry,最终生成Mesh。S4显示在场景中。
如图2所示作为本实施例中的优选,设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果具体是指:
步骤S200设置所述字体的定制化类型,至少包括:中文字体、西文字体、字形、字号中的一种或者多种,
步骤S201设置所述字体的定制化颜色,至少包括:与所述装饰品的3D模型匹配的颜色、自定义的颜色中的任一一种,
步骤S202设置所述字体的定制化个数,至少包括:定制所述字体的个数、定制所述字体的笔画、定制所述字体的特殊笔画的一种或者多种,
步骤S203设置所述字体的定制化效果,至少包括:定制所述字体的阴影效果、定制所述字体的空心效果、定制所述字体的下划线效果、定制所述字体的大小写效果的一种或者多种。
用户通过上述步骤,能够实现字体的定制化处理,并且选择的效果可以及时显示并展现,包括但不限于:定制化类型、定制化颜色、定制化个数、定制化效果。
如图3所示作为本实施例中的优选,上述的方法还包括:
步骤S300声明全局的对象,选择笔画中的特征点,
步骤S301设置透视投影的相机,相机的上方向为Y轴,右方向为X轴,沿着Z轴朝里,视野角:fov,纵横比:aspect,相机离视体积最近的距离:near,相机离视体积最远的距离:far;
步骤S302设置相机的位置坐标,(x、y、z),设置相机的上为z轴方向,设置视野的中心坐标{x:0,y:0,z:0},
步骤S303上述相机用于提供透视投影和正投影两种方式。
三维空间中的物体投影到二维空间的方式中,存在透视投影和正投影两种相机。透视投影就是、从视点开始越近的物体越大、远处的物体绘制的较小的一种方式。正投影就是不论物体和视点距离,都按照统一的大小进行绘制、在建筑和设计等领域需要从各个角度来绘制物体,因此这种投影被广泛应用。
如图4所示作为本实施例中的优选,上述方法还包括,设置所述字体中每个字体的旋转角度或移动矢量,
步骤S400所述旋转角度为字体围绕x、y或z轴上的旋转,
步骤S401通过调用mesh.rotation函数,修改选定的x、y或z轴,
步骤S402得到所述字体中的笔划中每个帧循环旋转的弧度,
步骤S403所述移动矢量为字体围绕x、y或z轴上的位移,通过rotateX、rotateY、rotateZ函数旋转所述字体中的笔划,或者,通过调用THREE.Vector3类型变量的position函数,完成位置移动。
通过对所述字体中每个字体的旋转角度或移动矢量,能够对字体的圆润处理,增加真实感。
如图5所示作为本实施例中的优选,所述定制化处理还包括:对所述字体中每个笔划的边缘和/或拐角的处理方法,其具体包括:
步骤S500声明渲染器对象,选择所述字体中每个笔划的边缘和/或拐角,以及是否开启反锯齿、着色精度选择、是否可以设置背景色透明、是否保存绘图缓冲、最大灯光数;
步骤S501制定渲染器的宽和高,
步骤S502追加canvas元素到canvas3d元素中,
步骤S503设置canvas背景色和背景色透明度。
此外还可以对所述字体中每个笔划与从所述模型库中加载所述装饰品的3D模型的纹理进行比对处理:具体地,在threejs中,纹理类由THREE.Texture表示,其构造函数如下所示:
THREE.Texture(image,mapping,wrapS,wrapT,magFilter,minFilter,format,type,anisotropy)各个参数的意义是:Image:表示图片类型。Mapping:表示一个THREE.UVMapping()类型,表示的是纹理坐标。wrapS:表示x轴的纹理的回环方式。wrapT:表示y轴的纹理回环方式。magFilter和minFilter表示过滤的方式。format:表示加载的图片的格式,这个参数可以取值THREE.RGBAFormat,RGBFormat等。type:表示存储纹理的内存的每一个字节的格式,是有符号,还是没有符号,是整形,还是浮点型。anisotropy:表示各向异性过滤。
如图6所示作为本实施例中的优选,步骤中进一步包括:
步骤S600在所述三维空间场中通过设置光源,确定所述字库中选择用于定制的字体的笔划位置:
步骤S601声明全局变量的笔划对象,选择环境光和点光源、聚光灯、平行光源、环境光中的任一一种进行组合,
步骤S602设置一平行光源,
步骤S603设置光源向量,
步骤S604追加光源到场景,
步骤S605上述光源包括:光源和聚光灯两种类型。
此步骤通过设置光源light,确定需要笔划对象,能够准确地找到与所述装饰品的3D模型的结合点以及需要定制化处理的特征点。
请参考图7是本发明中的定制服务器结构示意图,本实施例中提供了一种定制服务器,包括:字库单元100和模型库单元200,所述模型库单元200用于提供所述装饰品的3D模型,所述字库单元100用于提供所述装饰品的定制选择项目,还包括:预处理单元300和定制化处理单元400,
所述预处理单元300用于将所述字库格式化后按照OPEN TYPE格式存放,将所述模型库在本地生成和/或在线同步3D模型,从所述模型库中加载所述装饰品的3D模型,
以及,在所述字库中选择用于定制的字体,并对于选择的所述字体中的每个特征点逐一定制化处理;
所述定制化处理单元400中的定制化处理包括:
设置用于渲染操作的渲染器,
设置用于物体投影的摄像机,
设置三维空间场景、在所述三维空间场中设置光源,
设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果,
在所述装饰品的3D模型上,根据所述字体的定制化类型、所述定制化颜色、所述定制化个数以及所述定制化效绘制出渲染后的装饰品。
所述定制化处理单元400还用于:设置所述字体中每个字体中的笔画的每个特征点方法具体为:
声明全局的对象,选择笔画中的特征点,
设置透视投影的相机,相机的上方向为Y轴,右方向为X轴,沿着Z轴朝里,视野角:fov,纵横比:aspect,相机离视体积最近的距离:near,相机离视体积最远的距离:far;
设置相机的位置坐标,(x、y、z),
设置相机的上为z轴方向;
设置视野的中心坐标{x:0,y:0,z:0},
上述相机用于提供透视投影和正投影两种方式。
所述定制化处理单元400还用于还用于:设置所述字体中每个字体的旋转角度或移动矢量,
所述旋转角度为字体围绕x、y或z轴上的旋转,
通过调用mesh.rotation函数,修改选定的x、y或z轴,
得到所述字体中的笔划中每个帧循环旋转的弧度,
所述移动矢量为字体围绕x、y或z轴上的位移,通过rotateX、rotateY、rotateZ函数旋转所述字体中的笔划,
或者,通过调用THREE.Vector3类型变量的position函数,完成位置移动。
上述定制化处理单元400中设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果具体是指:
设置所述字体的定制化类型,至少包括:中文字体、西文字体、字形、字号中的一种或者多种,
设置所述字体的定制化颜色,至少包括:与所述装饰品的3D模型匹配的颜色、自定义的颜色中的任一一种,
设置所述字体的定制化个数,至少包括:定制所述字体的个数、定制所述字体的笔画、定制所述字体的特殊笔画的一种或者多种,
设置所述字体的定制化效果,至少包括:定制所述字体的阴影效果、定制所述字体的空心效果、定制所述字体的下划线效果、定制所述字体的大小写效果的一种或者多种。
所述定制化处理单元400的所述定制化处理还包括:对所述字体中每个笔划的边缘和/或拐角的处理方法,其具体包括:
声明渲染器对象,选择所述字体中每个笔划的边缘和/或拐角,以及是否开启反锯齿、着色精度选择、是否可以设置背景色透明、是否保存绘图缓冲、最大灯光数;
制定渲染器的宽和高,
追加canvas元素到canvas3d元素中,
设置canvas背景色和背景色透明度。
所述定制化处理单元400的在所述三维空间场中通过设置光源,确定所述字库中选择用于定制的字体的笔划位置:
声明全局变量的笔划对象,选择环境光和点光源、聚光灯、平行光源、环境光中的任一一种进行组合,
设置一平行光源,
设置光源向量,
追加光源到场景,
上述光源包括:光源和聚光灯两种类型。
请参考图8是本发明中的客户端结构示意图,本实施例中的一种客户端,包括:字库500、模型库600、定制化选择单元700、定制化服务单元800、输出展示单元900,
所述字库500,用于将所述字库格式化后按照OPEN TYPE格式存放,
所述模型库600,用于将所述模型库在本地生成和/或在线同步3D模型,
所述定制化选择单元700,用于从所述模型库中加载所述装饰品的3D模型,
在所述字库500中选择用于定制的字体,并对于选择的所述字体中的每个特征点逐一定制化处理,
所述定制化服务单元800,用于设置用于渲染操作的渲染器,设置用于物体投影的摄像机,设置三维空间场景、在所述三维空间场中设置光源,以及,设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果;
所述输出展示单元900,用于在所述装饰品的3D模型上,根据所述字体的定制化类型、所述定制化颜色、所述定制化个数以及所述定制化效绘制出渲染后的装饰品。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
总体而言,本公开的各种实施例可以以硬件或专用电路、软件、逻辑或其任意组合实施。一些方面可以以硬件实施,而其它一些方面可以以固件或软件实施,该固件或软件可以由控制器、微处理器或其它计算设备执行。虽然本公开的各种方面被示出和描述为框图、流程图或使用其它一些绘图表示,但是可以理解本文描述的框、设备、系统、技术或方法可以以非限制性的方式以硬件、软件、固件、专用电路或逻辑、通用硬件或控制器或其它计算设备或其一些组合实施。
此外,虽然操作以特定顺序描述,但是这不应被理解为要求这类操作以所示的顺序执行或是以顺序序列执行,或是要求所有所示的操作被执行以实现期望结果。在一些情形下,多任务或并行处理可以是有利的。类似地,虽然若干具体实现方式的细节在上面的讨论中被包含,但是这些不应被解释为对本公开的范围的任何限制,而是特征的描述仅是针对具体实施例。在分离的一些实施例中描述的某些特征也可以在单个实施例中组合地执行。相反对,在单个实施例中描述的各种特征也可以在多个实施例中分离地实施或是以任何合适的子组合的方式实施。
Claims (10)
1.一种装饰品在线定制方法,其特征在于,建立字库和模型库,所述模型库用于提供所述装饰品的3D模型,所述字库用于提供所述装饰品的定制选择项目,包括:
将所述字库格式化后按照OPEN TYPE格式存放,
将所述模型库在本地生成和/或在线同步3D模型,
从所述模型库中加载所述装饰品的3D模型,
在所述字库中选择用于定制的字体,并对于选择的所述字体中的每个特征点逐一定制化处理,
所述定制化处理包括:
设置用于渲染操作的渲染器,
设置用于物体投影的摄像机,
设置三维空间场景、在所述三维空间场中设置光源,
设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果,
在所述装饰品的3D模型上,根据所述字体的定制化类型、所述定制化颜色、所述定制化个数以及所述定制化效绘制出渲染后的装饰品。
2.根据权利要求1所述的装饰品在线定制方法,其特征在于,设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果具体是指:
设置所述字体的定制化类型,至少包括:中文字体、西文字体、字形、字号中的一种或者多种,
设置所述字体的定制化颜色,至少包括:与所述装饰品的3D模型匹配的颜色、自定义的颜色中的任一一种,
设置所述字体的定制化个数,至少包括:定制所述字体的个数、定制所述字体的笔画、定制所述字体的特殊笔画的一种或者多种,
设置所述字体的定制化效果,至少包括:定制所述字体的阴影效果、定制所述字体的空心效果、定制所述字体的下划线效果、定制所述字体的大小写效果的一种或者多种。
3.根据权利要求1或2所述的装饰品在线定制方法,其特征在于,还包括:设置所述字体中每个字体中的笔画的每个特征点方法具体为:
声明全局的对象,选择笔画中的特征点,
设置透视投影的相机,相机的上方向为Y轴,右方向为X轴,沿着Z轴朝里,视野角:fov,纵横比:aspect,相机离视体积最近的距离:near,相机离视体积最远的距离:far;
设置相机的位置坐标,(x、y、z),
设置相机的上为z轴方向;
设置视野的中心坐标{x:0,y:0,z:0},
上述相机用于提供透视投影和正投影两种方式。
4.根据权利要求1或2所述的装饰品在线定制方法,其特征在于,还包括:设置所述字体中每个字体的旋转角度或移动矢量,
所述旋转角度为字体围绕x、y或z轴上的旋转,
通过调用mesh.rotation函数,修改选定的x、y或z轴,
得到所述字体中的笔划中每个帧循环旋转的弧度,
所述移动矢量为字体围绕x、y或z轴上的位移,通过rotateX、rotateY、rotateZ函数旋转所述字体中的笔划,
或者,通过调用THREE.Vector3类型变量的position函数,完成位置移动。
5.根据权利要求1所述的装饰品在线定制方法,其特征在于,所述定制化处理还包括:对所述字体中每个笔划的边缘和/或拐角的处理方法,其具体包括:
声明渲染器对象,选择所述字体中每个笔划的边缘和/或拐角,以及是否开启反锯齿、着色精度选择、是否可以设置背景色透明、是否保存绘图缓冲、最大灯光数;
制定渲染器的宽和高,
追加canvas元素到canvas3d元素中,
设置canvas背景色和背景色透明度。
6.根据权利要求1所述的装饰品在线定制方法,其特征在于,在所述三维空间场中通过设置光源,确定所述字库中选择用于定制的字体的笔划位置:
声明全局变量的笔划对象,选择环境光和点光源、聚光灯、平行光源、环境光中的任一一种进行组合,
设置一平行光源,
设置光源向量,
追加光源到场景,
上述光源包括:光源和聚光灯两种类型。
7.根据权利要求1-6任一项所述的装饰品在线定制方法,其特征在于,所述模型库用于提供所述装饰品的3D模型包括:项链、手镯、戒指中的任一一种。
8.根据权利要求1-6任一项所述的装饰品在线定制方法,其特征在于,所述字库中的所述字体与所述模型库中的3D模型之间的关系为:拼接、连接、组合中的任一一种。
9.一种定制服务器,其特征在于,包括:字库单元和模型库单元,所述模型库单元用于提供所述装饰品的3D模型,所述字库单元用于提供所述装饰品的定制选择项目,还包括:预处理单元和定制化处理单元,
所述预处理单元用于将所述字库格式化后按照OPEN TYPE格式存放,将所述模型库在本地生成和/或在线同步3D模型,从所述模型库中加载所述装饰品的3D模型,
以及,在所述字库中选择用于定制的字体,并对于选择的所述字体中的每个特征点逐一定制化处理;
所述定制化处理单元中的定制化处理包括:
设置用于渲染操作的渲染器,
设置用于物体投影的摄像机,
设置三维空间场景、在所述三维空间场中设置光源,
设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果,
在所述装饰品的3D模型上,根据所述字体的定制化类型、所述定制化颜色、所述定制化个数以及所述定制化效绘制出渲染后的装饰品。
10.一种客户端,其特征在于,包括:字库、模型库、定制化选择单元、定制化服务单元、输出展示单元,
所述字库,用于将所述字库格式化后按照OPEN TYPE格式存放,
所述模型库,用于将所述模型库在本地生成和/或在线同步3D模型,
所述定制化选择单元,用于从所述模型库中加载所述装饰品的3D模型,
在所述字库中选择用于定制的字体,并对于选择的所述字体中的每个特征点逐一定制化处理,
所述定制化服务单元,用于设置用于渲染操作的渲染器,设置用于物体投影的摄像机,设置三维空间场景、在所述三维空间场中设置光源,以及,设置所述字体的定制化类型、定制化颜色、定制化个数以及定制化效果;
所述输出展示单元,用于在所述装饰品的3D模型上,根据所述字体的定制化类型、所述定制化颜色、所述定制化个数以及所述定制化效绘制出渲染后的装饰品。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711299996.0A CN107944971A (zh) | 2017-12-10 | 2017-12-10 | 装饰品在线定制方法、定制服务器以及客户端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711299996.0A CN107944971A (zh) | 2017-12-10 | 2017-12-10 | 装饰品在线定制方法、定制服务器以及客户端 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107944971A true CN107944971A (zh) | 2018-04-20 |
Family
ID=61945365
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711299996.0A Pending CN107944971A (zh) | 2017-12-10 | 2017-12-10 | 装饰品在线定制方法、定制服务器以及客户端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107944971A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060200269A1 (en) * | 2002-12-10 | 2006-09-07 | Jostesn, Inc. | Automated engraving of a customized jewelry item |
CN105260920A (zh) * | 2015-09-14 | 2016-01-20 | 深圳市途邦文化传播有限公司 | 珠宝在线定制方法和装置 |
WO2016178647A1 (en) * | 2015-05-01 | 2016-11-10 | A&I Inc. | Jewelry customization system |
CN106251203A (zh) * | 2016-07-29 | 2016-12-21 | 成都我的科技有限公司 | 一种首饰在线设计系统及其在线设计的方法 |
CN106997244A (zh) * | 2017-03-31 | 2017-08-01 | 上海曼晟网络科技有限公司 | 一种基于自定义图形的显示方法及系统 |
-
2017
- 2017-12-10 CN CN201711299996.0A patent/CN107944971A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060200269A1 (en) * | 2002-12-10 | 2006-09-07 | Jostesn, Inc. | Automated engraving of a customized jewelry item |
WO2016178647A1 (en) * | 2015-05-01 | 2016-11-10 | A&I Inc. | Jewelry customization system |
CN105260920A (zh) * | 2015-09-14 | 2016-01-20 | 深圳市途邦文化传播有限公司 | 珠宝在线定制方法和装置 |
CN106251203A (zh) * | 2016-07-29 | 2016-12-21 | 成都我的科技有限公司 | 一种首饰在线设计系统及其在线设计的方法 |
CN106997244A (zh) * | 2017-03-31 | 2017-08-01 | 上海曼晟网络科技有限公司 | 一种基于自定义图形的显示方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Wright et al. | OpenGL SuperBible: comprehensive tutorial and reference | |
US20190347865A1 (en) | Three-dimensional drawing inside virtual reality environment | |
CN102169596B (zh) | 一种在嵌入式设备上实现3d渲染的方法及装置 | |
US20180025471A1 (en) | System for parametric generation of custom scalable animated characters on the web | |
WO2021238145A1 (zh) | Ar场景内容的生成方法、展示方法、装置及存储介质 | |
US9754398B1 (en) | Animation curve reduction for mobile application user interface objects | |
JP2022545598A (ja) | 仮想対象の調整方法、装置、電子機器、コンピュータ記憶媒体及びプログラム | |
CN105786432A (zh) | 在移动终端上展示虚拟画面的方法及装置 | |
CN110503724A (zh) | 一种基于人脸特征点的ar表情资源构建管理系统及方法 | |
CN112308948A (zh) | 用于房产营销的光场漫游模型的构建方法及应用 | |
US8669996B2 (en) | Image processing device and image processing method | |
CN110163952A (zh) | 室内图的展示方法、装置、终端和存储介质 | |
US11625900B2 (en) | Broker for instancing | |
CN117011492A (zh) | 图像渲染方法、装置、电子设备及存储介质 | |
CN108090948A (zh) | 用于饰品的字体变化处理方法及装置 | |
CN107944971A (zh) | 装饰品在线定制方法、定制服务器以及客户端 | |
KR101428577B1 (ko) | 적외선 동작 인식 카메라를 사용하여 화면상에 네추럴 유저 인터페이스 기반 입체 지구본을 제공하는 방법 | |
CN110569098B (zh) | 2d及3d混合的人机界面生成方法、系统、设备及介质 | |
JP2024506879A (ja) | 仮想表現を提示するための方法及び装置、コンピュータ機器及び記憶媒体 | |
CN115311395A (zh) | 三维场景渲染方法、装置及设备 | |
KR102579463B1 (ko) | 확장현실 기술 기반 미디어아트 시스템 | |
JP2020013390A (ja) | 情報処理装置、情報処理プログラム及び情報処理方法 | |
US11967017B2 (en) | Transparent, semi-transparent, and opaque dynamic 3D objects in design software | |
Weng et al. | Graphics, Audio-visuals and Interaction (GAI) based handheld augmented reality system | |
US20240211644A1 (en) | Methods and systems for creating site drawings |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180420 |