面向移动设备的真实感体渲染和交互系统及其工作方法与流程

文档序号:12675647阅读:来源:国知局

技术特征:

1.一种面向移动设备的真实感体渲染和交互系统,其特征在于,包括服务器端和客户端,所述服务器端包括:

渲染服务器,处理体渲染任务;

Web服务器,处理Web页面、发送渲染图像并接收交互事件;

耦合组件,连接渲染服务器和Web服务器;

所述客户端包括:

客户端浏览器,接收并显示Web服务器发送的渲染图像,并将用户产生的交互事件发送至Web服务器。

2.根据权利要求1所述的面向移动设备的真实感体渲染和交互系统,其特征在于,所述服务器端包括GPU体渲染模块、消息管理模块和浏览器通信模块,所述GPU体渲染模块包括渲染服务器管理单元、体渲染单元和图像输出单元,所述消息管理模块包括图像数据分发单元和交互事件分发单元,所述浏览器通信模块包括图像数据发送单元和交互事件接收单元。

3.根据权利要求2所述的面向移动设备的真实感体渲染和交互系统,其特征在于,所述渲染服务器管理单元从渲染服务器集群中选择一台计算资源充足的主机,启动体渲染单元;

所述体渲染单元从服务器端体数据存储服务器中将体数据拷贝到渲染服务器的显存中,设置渲染参数,进行渐进式迭代渲染,将迭代渲染结果移交至图像输出单元;

所述图像输出单元根据服务器端耦合组件的状态信息决定是否将图像送入耦合组件缓冲队列。

4.根据权利要求2所述的面向移动设备的真实感体渲染和交互系统,其特征在于,所述图像数据分发单元为图像数据增加用户信息,将其移交至浏览器通信模块;

所述交互事件分发单元从交互事件信息中提取用户信息、交互事件名称和交互事件参数,根据用户信息将交互事件分发至GPU体渲染模块。

5.根据权利要求2所述的面向移动设备的真实感体渲染和交互系统,其特征在于,所述图像数据发送单元根据图像数据的用户信息将其发送至对应用户;

所述交互事件接收单元负责接收客户端浏览器发送的交互事件信息并将其移交至消息管理模块。

6.根据权利要求1所述的面向移动设备的真实感体渲染和交互系统,其特征在于,所述客户端包括图像显示模块、交互动作监听模块和服务器通信模块,所述图像显示模块根据接收到的压缩图像格式选择相应的解压算法对图像数据进行解压并在客户端浏览器的页面上显示;

所述交互动作监听模块监听图像旋转、缩放和平移操作,传输函数改变操作,灯光参数改变操作,裁剪面设置操作,相机参数设置操作,侦测到交互操作后将交互事件封装到JSON结构体中并移交至服务器通信模块;

所述服务器通信模块包括图像数据接收单元和交互事件发送单元,所述图像数据接收单元负责接收来自Web服务器的压缩渲染图像,将其移交至图像显示模块,所述交互事件发送单元负责将封装好的交互事件消息发送至Web服务器。

7.根据权利要求1所述的面向移动设备的真实感体渲染和交互系统,其特征在于,所述耦合组件包括自适应渲染服务器图像输出速度调整模块和图像压缩模块;

所述自适应渲染服务器图像输出速度调整模块的缓冲队列连接渲染服务器和Web服务器,当缓冲队列被填满时说明渲染服务器输出图像速度高于Web服务器发送图像的速度,此时增大渲染服务器输出图像的时间间隔,减小其输出速度;当缓冲队列被取空时说明Web服务器发送图像的速度高于渲染服务器输出图像的速度,此时需要减小渲染服务器输出图像的时间间隔,增大其输出速度;

所述图像压缩模块对每次重新迭代渲染的前几十帧图像采用较低的JPEG质量压缩,对中间渲染结果采用中等偏高的JPEG质量压缩,对最终的高质量渲染结果采用PNG格式压缩。

8.一种面向移动设备的真实感体渲染和交互系统的工作方法,其特征在于,包括如下步骤:

S101、用户通过客户端浏览器输入服务器端Web服务器的主机地址,客户端浏览器向Web服务器发送请求登录页面的HTTP请求,Web服务器向客户端浏览器返回登录页面的HTML内容;

S102、用户输入验证信息后向Web服务器发送登录验证请求,验证通过后Web服务器返回体数据管理页面;

S103、用户在体数据管理页面上选定目标渲染体数据后,Web服务器向渲染服务器发送启动体渲染器实例的指令,并将体数据描述信息发送给渲染服务器;

S104、渲染服务器收到启动指令及体数据描述信息后创建一个体渲染器实例;从体数据存储服务器中检索出所需渲染的体数据后将体数据复制到渲染服务器的显存中并启动体渲染器实例,开始渲染体数据;

S105、Web服务器确认体渲染器实例启动后向客户端浏览器发送渲染服务器启动成功信息和交互渲染工作页面;

S106、客户端浏览器收到渲染服务器启动成功信息后与Web服务器之间建立WebSocket通信通道;

S107、WebSocket通信通道建立后开始交互体渲染循环,该循环由服务器端和客户端共同完成。

9.根据权利要求8所述的面向移动设备的真实感体渲染和交互系统的工作方法,其特征在于,所述交互体渲染循环的实施流程包括:

S107-1、客户端的交互动作监听模块通过为交互工作页面的每个可交互元素编写的Javascript回调函数用以监听用户交互操作;

S107-2、发生用户交互事件后,回调函数将交互事件的参数封装成JSON格式移交至客户端的服务器通信模块;

S107-3、客户端的服务器通信模块调用WebSocket对象的发送方法发送给Web服务器;

S107-4、位于Web服务器上的浏览器通信模块收到交互事件消息后将其移交给消息管理模块;

S107-5、消息管理模块从交互事件JSON结构中提取交互事件名及交互事件参数后更新事件名对应的渲染参数,将更新后的渲染参数发送给服务该用户的体渲染器实例的GPU体渲染模块;

S107-6、GPU体渲染模块将新的渲染参数拷贝到渲染服务器GPU的显存后重新开始体渲染迭代计算;

S107-7、GPU体渲染模块根据自适应优化组件提供的信息确定每次图像输出所需的迭代计算次数n,经过n次迭代计算后输出一次渲染图像;

S107-8、渲染图像经过压缩编码后发送到Web服务器的消息管理模块;

S107-9、Web服务器的消息管理模块确定对应用户地址后将压缩后的图像移交给浏览器通信模块;

S107-10、浏览器通信模块通过调用WebSocket的发送方法将压缩图像发送至客户端浏览器;

S107-11、客户端浏览器接收到压缩图像后将其移交至图像显示模块;

S107-12、图像显示模块对压缩图像进行解码后由HTML5的canvas标签显示。

10.根据权利要求8所述的面向移动设备的真实感体渲染和交互系统的工作方法,其特征在于,客户端的用户交互界面上设有画布区域、控件组区域、选择数据按钮、传输函数设置按钮、灯光设置按钮、裁剪面设置按钮和相机参数设置按钮;

点击所述选择数据按钮可返回数据管理页面,同时关闭当前渲染工作;

所述画布区域包含两个功能:

(1)显示接收到的渲染图像;

(2)生成相机位置变换交互事件:a、单指滑动进行相机围绕体数据中心旋转;b、双指捏合调整相机与体数据中心的距离,距离越近,被渲染的对象越大,反之被渲染的对象越小;c、三指滑动进行相机平移;

用户通过点击传输函数设置按钮、灯光设置按钮、裁剪面设置按钮和相机参数设置按钮进行传输函数、灯光参数、裁剪面和相机参数的设置,所需控件显示在控件组区域内。

当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1