【技术实现步骤摘要】
本专利技术涉及计算机图形学和计算机视觉相关领域，具体为一种基于html5技术实现的二维液面分层显示的仿真实验平台，该平台通过预先录入的各种药品和容器数据，对用户进行仿真实验操作后的容器中的液面进行绘制。
技术介绍
1、在许多领域，如化学、生物、制药等，需要进行仿真实验以预测或解释实际实验的结果。在这些仿真实验中，常常需要模拟液体物质的分层和液面的变化情况。然而，现有的技术手段通常只能够提供二维的单层液面绘制，无法准确地反映实际实验中液体的复杂分层情况。因此，开发一种能够准确绘制二维分层液面的仿真实验平台，具有重要的实际应用价值。
技术实现思路
1、本专利技术针对现有的技术手段无法准确地反映实际实验中液体复杂分层情况的问题，提供了一种基于html5技术实现的二维液面分层显示的仿真实验平台。
2、本专利技术是采用如下的技术方案实现的：一种基于html5技术实现的二维液面分层显示的仿真实验平台，该平台包括以下部分：
3、数据预处理：在此阶段，预先在平台中录入各种药品和容器的基础数据，基础数据包括药品的物理性质、化学性质以及容器的形状数据和容器的形状数据和实际容积与容器投影形状的比例系数，这些基础数据将作为绘制液面的基础；
4、仿真实验操作：用户通过平台提供的虚拟实验工具，进行药品的添加、移除、混合操作，同时改变容器的角度和姿态；
5、数据更新与计算：在用户进行仿真实验操作后，平台会实时更新容器内的药品基础数据以及容器的角度数据，根据这些更新
6、首先根据药品的物理化学性质来模拟出其在容器内的分布情况，接着根据容器的实际形状计算出容器在竖直背景面的投影形状，再根据容器实际容积与容器投影形状的比例系数来计算容器边界点的坐标，再结合添加的药品的体积计算出分层后每层液体的投影面积s1、s2、s3、......、sm；
7、在容器投影形状上画横线，横线和容器投影的交点与容器底部边界点形成多边形，多边形各个顶点的坐标分别为(x1、y1)、(x2、y2)、(x3、y3)、......、(xn、yn)，计算多边形的面积s＝0.5×|(x1y2-x2y1)+(x2y3-y2x3)+(x3y4-y3x4)+......+(xny1-ynx1)|，比较计算的多边形面积s和s1，若|s-s1|大于设置的阈值，则重新画线并计算多边形的面积s，直到|s-s1|小于等于设定的阈值，此时所画的横线认定为第一层液体的分界线，也即液面形状；
8、在容器上再画横线，横线和容器投影的交点与第一层液体分界线的边界点形成多边形，多边形各个顶点的坐标分别为(x1、y1)、(x2、y2)、(x3、y3)、......、(xn、yn)，计算多边形的面积s＝0.5×|(x1y2-x2y1)+(x2y3-y2x3)+(x3y4-y3x4)+......+(xny1-ynx1)|，比较计算的多边形面积s，若|s-s2|大于设置的阈值，则重新画线并计算多边形的面积s，直到|s-s2|小于等于设定的阈值，此时所画的横线认定为第二层液体的分界线，也即液面形状；
9、按照上述方法类推，在容器上再画横线，横线和容器投影的交点与第m-1层液体分界线的边界点形成多边形，多边形各个顶点的坐标分别为(x1、y1)、(x2、y2)、(x3、y3)、......、(xn、yn)，计算多边形的面积s＝0.5×|(x1y2-x2y1)+(x2y3-y2x3)+(x3y4-y3x4)+......+(xny1-ynx1)|，比较计算的多边形面积s和s2，若|s-sm|大于设置的阈值，则重新画线并计算多边形的面积s，直到|s-sm|小于等于设定的阈值，此时所画的横线认定为第m层液体的分界线，也即液面形状；
10、根据上述内容得出了每层液体的液面形状，再根据每层各种药品的颜色数据对每层液体颜色进行计算，rgba颜色叠加的公式如下：
11、新红色＝(红色1*alpha1+红色2*alpha2+......+红色k*alphak)/(alpha1+alpha2+......+alphak)
12、新绿色＝(绿色1*alpha1+绿色2*alpha2+......+绿色k*alphak)/(alpha1+alpha2+......+alphak)
13、新蓝色＝(蓝色1*alpha1+蓝色2*alpha2+......+蓝色k*alphak)/(alpha1+alpha2+......+alphak)
14、新alpha＝alpha1+alpha2+......+alphak-alpha1*alpha2*......*alphak
15、上式中，红色1、绿色1、蓝色1、alpha1为第一种药品的颜色数据，红色2、绿色2、蓝色2、alpha2为第二种药品的颜色数据，红色k、绿色k、蓝色k、alphak为第k种药品的颜色数据；
16、上述计算的每层液体的液面形状和每层液体的颜色构成分层液面数据；
17、液面绘制：在完成了数据更新和计算后，系统将使用html5技术提供的渐变填充方法按照计算得出的分层液面数据和容器形状进行填充绘制。
18、上述的一种基于html5技术实现的二维液面分层显示的仿真实验平台，为了更好地反映液体物质的分层情况系统还会根据浑浊系数和悬浮物质数据进行再次填充绘制。这种绘制方式可以呈现出液体物质的分层效果和浑浊效果，从而更加真实地反映出仿真实验的结果。
19、上述的一种基于html5技术实现的二维液面分层显示的仿真实验平台，在这个过程中还可以通过引入更多的计算和绘制技术来提高绘制的准确性和逼真程度，例如使用粒子系统来模拟液体表面的波动和涟漪效果，或者使用光线追踪技术来模拟光线在液体表面的反射和折射效果。这些技术应用将使仿真实验平台的体验更加接近真实实验的效果，同时提高实验结果的可视化和可理解性。
20、上述的一种基于html5技术实现的二维液面分层显示的仿真实验平台，药品包括溶剂和溶质，记录的物理性质中包括密度、颜色、透明度、相容性、溶解度。
21、上述的一种基于html5技术实现的二维液面分层显示的仿真实验平台，对于不规则的容器将其切割为多段形状后再进行数据更新与计算。
22、本专利技术的仿真实验平台可以直观地观察到液体物质的分层效果和浑浊效果，从而更加真实地反映出仿真实验的结果。
本文档来自技高网...【技术保护点】
1.一种基于Html5技术实现的二维液面分层显示的仿真实验平台，其特征在于：该平台包括以下部分：
2.根据权利要求1所述的一种基于Html5技术实现的二维液面分层显示的仿真实验平台，其特征在于：使用HTML5技术填充绘制后再根据浑浊系数和悬浮物质数据进行再次填充绘制。
3.根据权利要求2所述的一种基于Html5技术实现的二维液面分层显示的仿真实验平台，其特征在于：填充绘制过程中使用粒子系统来模拟液体表面的波动和涟漪效果，或者使用光线追踪技术来模拟光线在液体表面的反射和折射效果。
4.根据权利要求1或2或3所述的一种基于Html5技术实现的二维液面分层显示的仿真实验平台，其特征在于：药品包括溶剂和溶质，记录的物理性质包括密度、颜色、透明度、相容性、溶解度。
5.根据权利要求1或2或3所述的一种基于Html5技术实现的二维液面分层显示的仿真实验平台，其特征在于：对于不规则的容器将其切割为多段形状后再进行数据更新与计算。
【技术特征摘要】
1.一种基于html5技术实现的二维液面分层显示的仿真实验平台，其特征在于：该平台包括以下部分：
2.根据权利要求1所述的一种基于html5技术实现的二维液面分层显示的仿真实验平台，其特征在于：使用html5技术填充绘制后再根据浑浊系数和悬浮物质数据进行再次填充绘制。
3.根据权利要求2所述的一种基于html5技术实现的二维液面分层显示的仿真实验平台，其特征在于：填充绘制过程中使用粒子系统来模拟液体表面的波动和...
【专利技术属性】
技术研发人员：李平，陈玉，郝思飞，郭瑶华，赵蕊，
申请(专利权)人：智林信息技术股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。