背景:
基于医疗骨骼的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
演示二维码
私信
展望
后面对于该系统将增加三维骨骼测量、角度、及标注信息、同时为后面商用做了一些猜想:利用典型骨骼三维成像,模拟手术修复过程,以三维动画方式展示手术过程,同时根据手术中的医疗器械药材使用量来评估整体手术预算费用,提供线上支付功能,为医疗行业提供智能化快捷通道;
有兴趣的朋友可以留言,谢谢!
网友评论