| 基于Three.js的交互式鱼类模型展示系统设计 |
| |
| 引用本文： | 王钟泽,马晓飞,段金荣,沈楠楠,何雅慧,王芸.基于Three.js的交互式鱼类模型展示系统设计[J].渔业现代化,2023(2):50-57. |
| |
| 作者姓名： | 王钟泽 马晓飞 段金荣 沈楠楠 何雅慧 王芸 |
| |
| 作者单位： | 1. 南京农业大学无锡渔业学院;2. 中国水产科学研究院淡水渔业研究中心农业农村部淡水渔业和种质资源利用重点实验室 |
| |
| 基金项目： | 国家重点研发计划“蓝色粮仓科技创新”专项(CZ2020220103)； |
| |
| 摘 要： | 目前浏览器对三维图形显示技术越来越成熟，使用WebGL的第三方库Three.js展示鱼类3D模型不仅简单方便，而且跨平台优势明显。通过对Three.js的研究解决以往技术建立鱼类3D展示系统功能较少、构建复杂、需要安装插件浏览和无法跨平台使用的问题，可推动鱼类可视化的相关应用。本研究主要采取3ds MAX软件建立鱼类模型和标本馆模型，通过Three.js库实现对模型的加载和交互，并将Three.js与Bootstrap框架、PHP技术、MySQL等技术结合进行搭建鱼类模型展示系统。在完成系统构建后将系统部署到腾讯云服务器中完成性能测试。结果显示：本系统实现了鱼类模型搜索查看、分页展示、在线上环境中秒加载，鱼类标本馆场景模型的分步加载，Mobile VR方式查看鱼类模型，以及用户在线上传模型、展示模型、分享模型等功能，具有较好的应用价值。本研究可为鱼类建模、鱼类3D模型的压缩、渔业大型模型场景加载和渔业可视化相关的研究提供参考。
|
| 关 键 词： | 三维可视化 鱼类建模 交互设计 标本馆模型分步加载 鱼类模型在线上传展示 |
|
|
