[发明专利]一种基于教育操作系统的WebGL独立进程渲染方法及电子设备

说明书

本发明公开了一种基于教育操作系统的WebGL独立进程渲染方法及电子设备，其中，所述方法包括步骤：A.在绘制界面获取着色器属性；B.根据绘制界面的任意分量的值判断当前面是否绘制完成；C.当所有面绘制完成时，根据根据屏幕像素逆推设置线条宽度，通过本发明所述方案，减少绘制时间和步骤，提高了绘制效率。

技术领域

本发明涉及应用程序领域，尤其涉及一种基于教育操作系统的WebGL独立进程渲染方法及电子设备。

背景技术

目前webgl需要绘制对象的线框时，需要先绘制出实体对象，然后再通过gl.LINES(每一对顶点被解释为一条直线)的模式再绘制一遍模型，需要绘制两次，性能消耗大。且当使用gl.LINES绘制对象的线宽时，线宽只能设置为1。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种基于教育操作系统的WebGL独立进程渲染方法及电子设备，旨在解决现有技术中，绘制实体对象效率低的问题。

本发明的技术方案如下：

一种基于教育操作系统的WebGL独立进程渲染方法，其中，包括步骤：

A.在绘制界面获取着色器属性；

B.根据绘制界面的任意分量的值判断当前面是否绘制完成；

C.当所有面绘制完成时，根据屏幕像素逆推设置线条宽度。

所述的基于教育操作系统的WebGL独立进程渲染方法，其中，所述步骤A中包括：

在绘制界面定义一个三角形的重心坐标；

定义绘制界面中绘制对象的顶点的重心坐标；

对顶点着色器设置属性；

对片元着色器设置属性。

所述的基于教育操作系统的WebGL独立进程渲染方法，其中，所述步骤B中，使用片元着色器判断绘制界面的任意分量值是否小于指定阈值，当是时，判断所述绘制对象的一面绘制完成，进入下一面的绘制。

所述的基于教育操作系统的WebGL独立进程渲染方法，其中，所述步骤C包括：

获取webgl的扩展OES_standard_derivatives；

在shader中开启所述扩展；

使用扩展的功能将线宽的值缩放到屏幕变化的范围之内；

获取屏幕像素空间的重心坐标，使用该变量进行逆推，得到可设置的线条宽度。

所述的基于教育操作系统的WebGL独立进程渲染方法，其中，使用扩展的功能将线宽的值缩放到屏幕变化的范围之内的步骤中，通过减少锯齿，确定宽度阈值，对线宽的值进行缩放。

一种电子设备，其中，包括：

包括处理器，适于实现各指令，以及

存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：

在绘制界面获取着色器属性；

根据绘制界面的任意分量的值判断当前面是否绘制完成；

当所有面绘制完成时，根据屏幕像素逆推设置线条宽度。

所述的电子设备，其中，所述处理器还用于加载并执行：

在绘制界面定义一个三角形的重心坐标；

定义绘制界面中绘制对象的顶点的重心坐标；