一种基于移动端的三维医学模型GLB文件解析与展示方法技术

技术编号:35011176 阅读:32 留言:0更新日期:2022-09-21 15:03
本发明专利技术提出了一种基于移动端的三维医学模型GLB文件解析与展示方法,包括:在移动端的网页页面上创建canvas元素,基于babylon.js在canvas元素上创建渲染引擎、场景以及相机;根据用户对三维医学模型的可视化需求,为场景创建灯光;获取三维医学模型的GLB文件,通过babylon.js对GLB文件进行模型解析,将模型解析结果加载到场景中;结合渲染引擎、相机以及灯光,对加载后的场景进行定时循环渲染。本发明专利技术通过研究三维医学影像文件中的模型信息,对其模型GLB文件进行解析,最后基于HTML5技术的三维模型展示技术将其展示在移动终端上,实现了三维医学模型在移动端的呈现,为移动影像学的发展提供了可靠的互联网解决方案,为术前的手术方案实体化展示提供便利。手术方案实体化展示提供便利。手术方案实体化展示提供便利。

【技术实现步骤摘要】
一种基于移动端的三维医学模型GLB文件解析与展示方法


[0001]本专利技术属于三维模型展示领域,尤其涉及一种基于移动端的三维医学模型GLB文件解析与展示方法。

技术介绍

[0002]在临床医学领域中,常常需要将医学影像处理为三维医学模型来直观地查看人体器官结构,极大地方便了医学诊断、手术设计等工作,例如,针对不同的临床需求,最常用的肺切除手术模块可以帮助医生直观地从增强CT图像中三维重建肺实质、肺动脉、肺静脉、气管以及周边区域。在此基础上,医生通过提取和分离肺部血管和气管的支配区域可以进行肺切除手术的术前模拟。
[0003]现阶段,基于B/S的网络式架构、与临床和放射联合开发的后处理系统可以将三维成像及丰富的高级临床应用工具移植至网络中。目前,国内外临床诊断主要利用商品化的三维医学软件系统作为实施平台,如Mimics、Synapse3D等,可视化效果虽好却无网络协同功能,且要求单机硬件高配置,限定了医生工作地域。为适应网络化发展趋势,一些医疗或研究机构利用可视化工具包(Visualization ToolKit,VTK)等可视化开发工具自主研发了一些协同可视化系统以应用于远程交流。但大多存在着医学断层影像集数据传输量大、客户端计算机硬件要求高、操作系统/硬件设备不兼容等问题。
[0004]随着智能手机、平板电脑、个人计算机的普及,人们可以随时随地连接互联网并能通过Web便捷地访问各种网络资源。目前计算机和移动设备所使用的操作系统呈现出多样化趋势,如Windows、Linux、macOS、Android、IOS、Windows Phone等,桌面软件设计必需充分考虑这些系统的差异,从而使开发能适应各种平台的桌面应用变得十分困难,也给使用者安装设置带来不便,而目前的三维医学软件系统都存在这个问题。因此,在Web中进行医学影像三维重建及交互可以极大方便医生协同工作及教学研讨,降低应用成本。然而,由于异步通信、磁盘读写安全、网页承载能力的限制,基于Web平台免安装任何软件或插件的三维医学影像交流系统还比较少,降低了用户在移动端获取以及查看三维医学模型的便利性。

技术实现思路

[0005]为了解决现有技术中存在的缺点和不足,本专利技术提出了一种基于移动端的三维医学模型GLB文件解析与展示方法,包括:在移动端的网页页面上创建canvas元素,基于babylon.js在canvas元素上创建渲染引擎、场景以及相机;根据用户对三维医学模型的可视化需求,为场景创建灯光;获取三维医学模型的GLB文件,通过babylon.js对GLB文件进行模型解析,将模型解析结果加载到场景中;结合渲染引擎、相机以及灯光,对加载后的场景进行定时循环渲染。
[0006]可选的,所述在移动端的网页页面上创建canvas元素,包括:
基于HTML5技术,调用document.createElement('canvas')指令,在移动端的网页页面上创建canvas元素,调用elment.appendChild(canvas),将canvas元素显示在移动端的网页上。
[0007]可选的,所述基于babylon.js在canvas元素上创建渲染引擎、场景以及相机,包括:获取网页页面中的canvas元素,通过调用babylon.js的引擎创建指令,在canvas元素上创建渲染引擎;通过调用babylon.js的场景创建指令创建场景,并将所述渲染引擎作为场景对象加入到所述场景中;通过调用babylon.js的创建相机指令创建相机,并将所述相机作为场景对象加入到所述场景中。
[0008]可选的,所述创建相机指令中定义的相机属性包括相机名称、纵向旋转弧度、横向旋转弧度、目标观察点、相机到所述目标观察点的距离以及需要加入的场景。
[0009]可选的,所述根据用户对三维医学模型的可视化需求,为场景创建灯光,包括:通过调用babylon.js的创建灯光指令为场景生成球形光,根据用户的可视化需求对灯光属性进行自定义,所述灯光属性包括灯光的名称、所处场景以及在场景中的光源位置。
[0010]可选的,所述灯光属性还包括定义灯光的颜色以及镜面反光属性。
[0011]可选的,所述三维医学模型的GLB文件通过js脚本调用云端接口获取。
[0012]可选的,所述通过babylon.js对GLB文件进行模型解析,将模型解析结果加载到场景中,包括:通过babylon.js的模型加载指令,对GLB文件解析为meshes对象;将meshes对象加载到场景中,定义meshes对象在所述场景中的模型属性,所述模型属性包括模型名称、模型透明度、模型体积、旋转控制参数、放大或缩小控制参数、模型位置控制参数以及模型材质。
[0013]可选的,所述结合渲染引擎、相机以及灯光,对加载后的场景进行定时循环渲染,包括:通过调用engine.runRenderLoop指令,在当前创建的渲染引擎、相机以及灯光的属性定义,对加载的医学三维模型在场景中进行定期循环渲染。
[0014]本专利技术提供的技术方案带来的有益效果是:本专利技术提出的技术方案通过研究三维医学影像文件中的模型信息,对其模型GLB文件进行解析,最后基于HTML5技术的三维模型展示技术将其展示在移动终端上,实现了三维医学模型在移动端的呈现,为移动影像学的发展提供了可靠的互联网解决方案,使三维医学模型能够更便捷的融合到多种移动端的应用媒介中,进而使得三维医学模型能够在更便携的移动设备上实现360
°
的自由展示与缩放,为术前的手术方案实体化展示提供便利。
附图说明
[0015]为了更清楚地说明本专利技术的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0016]图1为本专利技术实施例提出的一种基于移动端的三维医学模型GLB文件解析与展示
方法的流程示意图。
具体实施方式
[0017]为使本专利技术实施例的目的、技术方案和优点更加清楚,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。
[0018]本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。
[0019]应当理解,在本专利技术的各种实施例中,各过程的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本专利技术实施例的实施过程构成任何限定。
[0020]应当本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种基于移动端的三维医学模型GLB文件解析与展示方法,其特征在于,所述方法包括:在移动端的网页页面上创建canvas元素,基于babylon.js在canvas元素上创建渲染引擎、场景以及相机;根据用户对三维医学模型的可视化需求,为场景创建灯光;获取三维医学模型的GLB文件,通过babylon.js对GLB文件进行模型解析,将模型解析结果加载到场景中;结合渲染引擎、相机以及灯光,对加载后的场景进行定时循环渲染。2.根据权利要求1所述的一种基于移动端的三维医学模型GLB文件解析与展示方法,其特征在于,所述在移动端的网页页面上创建canvas元素,包括:基于HTML5技术,调用document.createElement('canvas')指令,在移动端的网页页面上创建canvas元素,调用elment.appendChild(canvas),将canvas元素显示在移动端的网页上。3.根据权利要求1所述的一种基于移动端的三维医学模型GLB文件解析与展示方法,其特征在于,所述基于babylon.js在canvas元素上创建渲染引擎、场景以及相机,包括:获取网页页面中的canvas元素,通过调用babylon.js的引擎创建指令,在canvas元素上创建渲染引擎;通过调用babylon.js的场景创建指令创建场景,并将所述渲染引擎作为场景对象加入到所述场景中;通过调用babylon.js的创建相机指令创建相机,并将所述相机作为场景对象加入到所述场景中。4.根据权利要求3所述的一种基于移动端的三维医学模型GLB文件解析与展示方法,其特征在于,所述创建相机指令中定义的相机属性包括相机名称、纵向旋转弧度、横向旋转弧度、...

【专利技术属性】
技术研发人员:章曾何玮罗楹张超杰余飞袁中磊耿星星朱申峰
申请(专利权)人:上海翰宇生物科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1