一种基于three.js的三维化学分子模型展示方法
技术特征:
1.一种基于three.js的三维化学分子模型展示方法,其特征在于:所述方法包括以下步骤:
2.根据权利要求1所述的一种基于three.js的三维化学分子模型展示方法,其特征在于:在所述步骤s2中,定义regdollscene类,用于管理three.js场景的初始化、渲染以及与场景中物体的交互,所述regdollscene类包括:
3.根据权利要求1或2所述的一种基于three.js的三维化学分子模型展示方法,其特征在于:在所述步骤s2中,定义smallscene类,用于管理简单的three.js场景,所述smallscene类包括:
4.根据权利要求1所述的一种基于three.js的三维化学分子模型展示方法,其特征在于:在所述步骤s3中,定义moleculemodule类,用于创建分子模型,所述moleculemodule类包括:
5.根据权利要求4所述的一种基于three.js的三维化学分子模型展示方法,其特征在于:在分子模型对象的构造函数中,设置showtext参数用于控制文本的显示。
6.根据权利要求1所述的一种基于three.js的三维化学分子模型展示方法,其特征在于:在所述步骤s4中,定义atommodel类,用于创建原子模型,所述atommodel类包括:
7.根据权利要求6所述的一种基于three.js的三维化学分子模型展示方法,其特征在于:所述原子模型的构建方法包括以下步骤:
8.根据权利要求7所述的一种基于three.js的三维化学分子模型展示方法,其特征在于:在所述步骤s41中,通过three.axishelper在three.js场景中添加一个带有坐标轴标记的辅助器,用于对化学原子的位置和方向进行定位和移动。
9.根据权利要求1所述的一种基于three.js的三维化学分子模型展示方法,其特征在于:在所述步骤s5中,定义atominside类,用于创建原子内部模型,所述atominside类包括:
10.根据权利要求1所述的一种基于three.js的三维化学分子模型展示方法,其特征在于:所述方法还定义了用于创建交互式调试面板的库,所述库包括:
技术总结
本发明提供了一种基于three.js的三维化学分子模型展示方法,属于数据可视化技术领域。所述方法包括以下步骤:S1、获取需要展示的化学分子模型的分子数据;S2、初始化three.js场景;S3、根据所述分子数据在three.js场景下创建分子模型;S4、根据所述分子数据在three.js场景下创建原子模型;S5、根据所述分子数据在three.js场景下创建原子内部模型。本发明利用three.js技术改善了化学分子模型的展示方式,具有更灵活、直观、互动性强的优点,从而提升了学生对化学分子结构的理解和学习效果。
技术研发人员:姜玮
受保护的技术使用者:安徽信息工程学院
技术研发日:
技术公布日:2024/12/10
技术研发人员:姜玮
技术所有人:安徽信息工程学院
备 注:该技术已申请专利,仅供学习研究,如用于商业用途,请联系技术所有人。
声 明 :此信息收集于网络,如果你是此专利的发明人不想本网站收录此信息请联系我们,我们会在第一时间删除