Threejs-医疗骨骼分析系统

背景:

基于医疗骨骼的stl模型,做拆解分析

运行环境:

二维码扫码,请求阿里云服务器的node服务,加载项目,最终在手机端呈现(网页端也响应适配完成)

效果预览

加载stl模型


拆解骨骼模型


剖切查看内部结构

核心代码


引入js库



全局变量


初始化加载模型及设置相关物体属性



续上


续上

代码简要粘贴部分,其实大部分都是通过threejs官网API以及案例进行整合,细心同学可以自行查阅案例

选择threejs目的:

使用threejs而放弃U3D等三维引擎的原因做这个案例,是因为

1.需要手机加载,引擎生成的webGL网页无法在手机端打开

2.引擎生成的webgl网页手势及裁剪shader效果不好

3.threejs天然支持stl文件导入,极大减少工作量

4..模型可异步加载,且threejs与原生js直接交互方便

后面将会继续完善此案例,加入不同模型类型上传加载功能以及其他附属功能,具体做什么还在规划中,有兴趣的朋友可以提些建议!


新更 2022/2/9

医疗三维分析系统已全部开发完成,总体效果


stl三维成像,支持缩放、旋转、平移


骨骼着色器



二维dicom成像、支持翻页、缩放、下载原件功能


调窗功能


测距


角度测量

该项目微信手机移动端,基于threejs及cornerstone开发,前端采用html+css+js,后台采用node+pm2搭建服务

源码地址:

https://gitee.com/dadalangGG/threejs-disassemble-cutting

演示二维码

私信

展望

后面对于该系统将增加三维骨骼测量、角度、及标注信息、同时为后面商用做了一些猜想:利用典型骨骼三维成像,模拟手术修复过程,以三维动画方式展示手术过程,同时根据手术中的医疗器械药材使用量来评估整体手术预算费用,提供线上支付功能,为医疗行业提供智能化快捷通道;

有兴趣的朋友可以留言,谢谢!

你可能感兴趣的:(Threejs-医疗骨骼分析系统)