一种构建三维展品展示场景的系统的制作方法
【技术领域】
[0001]本发明涉及一种构建展示场景的系统，尤其是涉及一种构建三维展品展示场景的系统。
【背景技术】
[0002]在传统的三维展品场景构建方式中，生成的三维产品在线预览总是需要额外的插件支持，来完成三维动画视图的渲染工作，这使得三维产品的在线展示兼容性和应用普及受到一定限制。
[0003]传统的三维展品场景构建过程中，总是需要通过对场景进行编辑制作后，生成导出相应文件才能在浏览器中查看三维展品的预览效果，一旦发现有地方需要修改就需要重新对模型或代码进行编辑修改，再重新生成进行预览，这样使得工作效率受到很大的负面影响。
[0004]传统的三维展品场景构建需要较为专业的编制基础，对使用用户的专业要求过高，参与三维产品展示场景构建的人员往往是更专业于展品的布局设计，而不是专业的编程人员。因此，很难做到让专业的设计人员专心于三维产品展示场景的构建，还需花很多尽力去掌握一些其他编程领域的相关知识，使得团队工作效率变低。
[0005]传统的三维展品场景构建往往使用客户端软件进行场景构建，让后再统一发布最终展品在浏览器上进行展示。在制作过程中，团队人员总是需要在客户端保存对应的文件及代码，及时使用版本控制等手段，也很难做到协同工作，可能出现重复编辑或错误覆盖等问题，在工作量较大的情况下，会使得团队的协同工作效率变低。
【发明内容】
[0006]本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种协同性好、实时性强、兼容性好的构建三维展品展示场景的系统。
[0007]本发明的目的可以通过以下技术方案来实现:
[0008]一种构建三维展品展示场景的系统，用以在网页浏览器中在线编辑和构建三维展品展示场景，包括:
[0009]展示环境模块，用以设置三维展品的展示模式、镜头属性、光源、辅助坐标和效果预览；
[0010]模型设置模块，用以在线编辑三维展品属性和设置热点；
[0011]用户管理模块，用以用户登录和身份信息验证。
[0012]所述的展示环境模块包括:
[0013]展示模式管理器，与模型设置模块连接，用以设置展品的展示模式，通过模式接口来设置镜头是否能旋转、镜头是否能缩放、鼠标是否能拖动展品、镜头旋转速度、镜头缩放速度、展品被拖动的速度；
[0014]展示镜头管理器，用以接收展示模式管理器的模式镜头信号，调节镜头的视角、镜头观察的初始位置和镜头观测目标的初始位置，通过镜头管理器来设置镜头相关的属性，可以设置镜头的视角、渲染范围、镜头的起始位置、镜头的视点目标位置；
[0015]光源对象管理器，用以接收展示模式管理器的模式光源信号，为三维展品的场景构建提供模拟光线支持，并且设置光源位置、光源目标位置、光源强度、光源的光色和光源的放射角度，通过拖动光源位置滚动条可以直接调整光源的位置；
[0016]辅助坐标定位器，用以接收展示模式管理器的模式定位信号，与展示模式管理器连接，在三维展品的场景中提供三维坐标及网格辅助线，通过勾选添加辅助坐标选项，可以在三维场景中建立网格平面场景及三维坐标轴，辅助设计者定位三维模型；
[0017]场景效果实时预览器，分别与展示镜头管理器、光源对象管理器和辅助坐标定位器通信，用以三维展品的场景的实时渲染和显示预览，所述的场景效果实时预览器可以动态响应设计者对三维场景及模型参数的调整，点击暂停或启动可以禁用或开启鼠标对三维场景的交互功能，便于设计者的对场景及模型的构建调整，点击刷新可以更新浏览器的缓存效果，用以避免不同浏览器缓存机制导致三维模型构建时的更新不及时。
[0018]所述的模型设置模块包括:
[0019]展品模型管理器，与展示环境模块通信，用以在网页浏览器中实时编辑三维展品模型，可以填写模型的名称用于后期的维护管理，勾选是否产生阴影及是否接受阴影，用于设定该模型是否能根据光源来产生阴影或接受其他模型对其造成的阴影效果，通过拖动展品位置滚动条及展品自转滚动条可以动态调整展品位置及摆放角度；
[0020]热点对象管理器，与展品模型管理器通信，用以实现三维展品的热点交互，并且设置热点的三维坐标位置、热点尺寸、热点的旋转角度、热点的初始颜色、热点被点击后的颜色、热点的透明度和热点所关联的信息页面信息。
[0021]所述的展示模式管理器包括:
[0022]观察镜头视角转动单元，用以调节观察镜头视角的转动角度和转速，以滚动条的形式作为参数输入，并能同步在预览器中响应实时效果，提高设计者的构建工作效率；
[0023]观察镜头拉伸缩放单元，用以调节观察镜头的拉伸和缩放速度；
[0024]三维展品拖动单元，用以调节三维展品的相对拖动速度。
[0025]所述的展品模型管理器包括:
[0026]三维模型导入器，用以将预制展品三维模型导入到展品模型管理器中，导入过程中可以赋予预制展品三维模型阴影属性效果，提高了三维展品在三维场景中展示的视觉效果;
[0027]三维模型编辑器，接收三维模型导入器的导入信息，用以在线调整和编辑导入的预制展品三维模型。
[0028]所述的展示模式包括以三维展品为中心的镜头转换模式和以镜头为中心的全景展示模式，提供再次构建的功能，设计者直接拖拽模型在三维场景中的位置及摆放角度，并同步在预览器中得到响应，大大提高了三维模型构建的效率。
[0029]与现有技术相比，本发明具有以下优点:
[0030]一、协同性好，本发明使用统一服务器的网站式协作平台，客户端不保存任何三维展品场景构建所需的文件或代码，所有文件及代码全部上传至服务器中，保证了团队协同工作时的多人调用和上传、更新的同步，大大提高了团队协同工作的效率，缩短了三维展品场景构建的周期；
[0031]二、实时性强，整个构建过程中，提供了实时渲染并显示预览的功能，达到了所见即所得，能随时审查三维展品场景展示的效果和网页渲染性能，及时把控模型精度及设计布局效果；
[0032]三、兼容性好，本系统的三维展品场景构建的实现技术是基于WebGL和Html5，WebGL提供了直接调用客户端GPU渲染三维展品的功能，Html5使得客户端可以通过浏览器直接调用WebGL的API接口功能，达到了很好的兼容性，使得浏览器无需安装任何额外的插件即可直接渲染三维展品场景并在浏览器中展示实时效果。
【附图说明】
[0033]图1为本发明的系统结构示意图。
[0034]其中，1、展示模式管理器，2、展示镜头管理器，3、光源对象管理器，4、辅助坐标定位器，5、场景效果实时预览器，6、展品模型管理器，7、热点对象管理器，8、用户管理模块，
11、观察镜头视角转动单元，12、观察镜头拉伸缩放单元,13、三维展品拖动单元,61、三维模型导入器，62、三维模型编辑器。
【具体实施方式】
[0035]下面结合附图和具体实施例对本发明进行详细说明。
[0036]实施例:
[0037]本发明提供了一种可在浏览器中免插件展示三维展品的场景构建系统，可以使原本集中在3DMax和Photoshop软件中的场景构建工作，集成在统一服务器的网络环境中协同工作、保证实时预览构建效果、避免代码编程操作高效的完成三维产品展示场景的构建工作，并且使得展品可以在浏览器中无需安装额外插件的情况下，进行三维效果展示。
[0038]如图1所示，1.一种构建三维展品展示场景的系统，用以在网页浏览器中在线编辑和构建三维展品展示场景，其特征在于，包括:
[0039]展示环境模块，用以设置三维展品的展示模式、镜头属性、光源、辅助坐标和效果预览；
[0040]模型设置模块，用以在线编辑三维展品属性和设置热点；
[0041]用户管理模块8，用以用户登录和身份信息验证，为了在三维展品场景构建过程中使各设计者用户可以协同工作，提高工作效率，使得设计者之间可以有明确的分工安排。
[0042]用户管理模块8提供了多个成员协同构建三维展品场景的功能，本系统可以添加多个系统成员，所有的三维展品场景构建过程中的文件、相关代码都上传至统一的应用服务器中，通过网页平台可以随时操作编辑构建三维展示场景，方便多个成员同时协同工作，提高了整个三维展品场景构建的工作效率与质量。
[0043]展示环境模块包括:
[0044]展示模式管理器1，与模型设置模块连接，用以设置展品的展示模式，通过模式接口来设置镜头是否能旋转、镜头是否能缩放、鼠标是否能拖动展品、镜头旋转速度、镜头缩放速度、展品被拖动的速度，展示模式管理器I包括:
[0045]观察镜头视角转动单元11，用以调节观察镜头视角的转动角度和转速，以滚动条的形式作为参数输入，并能同步在预览器中响应实时效果，提高设计者的构建工作效率；
[0046]观察镜头拉伸缩放单元12，用以调节观察镜头的拉伸和缩放速度；
[0047]三维展品拖动单元13，用以调节三维展品的相对拖动速度。
[0048]通过Threejs封装了 WebGL的展品展示模式，用户可以选择以展品为中心的镜头转换展示模式及以镜头为中心的全景展示模式，为实际应用提供了很大的便捷性，用户可以设置编辑展示模式的相关参数来调整展示时鼠标的灵活性、是否可拖动展品、是否可旋转镜头来满足实际展示时的需求；
[0049]以展品为中心的镜头转换模式工作原理如下:
[0050]设置观察镜头的视角能否转动，默认为允许转动；若允许转动，可以调节观察镜头的转动速度的相对值；设置能否拉伸缩放镜头来观察展品，默认为允许；若允许缩放，可以调节镜头缩放速度的相对值；设置是否允许拖动三维展品，默认为允许；若允许拖动，可以调节拖动三维展品移动速度的相对值。
[0051]以镜头为中心的全景展示模式工作原理如下: