CN109544653B - 一种基于教育操作系统的WebGL独立进程渲染方法及电子设备 - Google Patents
一种基于教育操作系统的WebGL独立进程渲染方法及电子设备 Download PDFInfo
- Publication number
- CN109544653B CN109544653B CN201811259403.2A CN201811259403A CN109544653B CN 109544653 B CN109544653 B CN 109544653B CN 201811259403 A CN201811259403 A CN 201811259403A CN 109544653 B CN109544653 B CN 109544653B
- Authority
- CN
- China
- Prior art keywords
- value
- line width
- webgl
- drawing interface
- shader
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Image Generation (AREA)
Abstract
本发明公开了一种基于教育操作系统的WebGL独立进程渲染方法及电子设备,其中,所述方法包括步骤:A.在绘制界面获取着色器属性;B.根据绘制界面的任意分量的值判断当前面是否绘制完成;C.当所有面绘制完成时,根据根据屏幕像素逆推设置线条宽度,通过本发明所述方案,减少绘制时间和步骤,提高了绘制效率。
Description
技术领域
本发明涉及应用程序领域,尤其涉及一种基于教育操作系统的WebGL独立进程渲染方法及电子设备。
背景技术
目前webgl需要绘制对象的线框时,需要先绘制出实体对象,然后再通过gl.LINES(每一对顶点被解释为一条直线)的模式再绘制一遍模型,需要绘制两次,性能消耗大。且当使用gl.LINES绘制对象的线宽时,线宽只能设置为1。
因此,现有技术还有待于改进和发展。
发明内容
鉴于上述现有技术的不足,本发明的目的在于提供一种基于教育操作系统的WebGL独立进程渲染方法及电子设备,旨在解决现有技术中,绘制实体对象效率低的问题。
本发明的技术方案如下:
一种基于教育操作系统的WebGL独立进程渲染方法,其中,包括步骤:
A.在绘制界面获取着色器属性;
B.根据绘制界面的任意分量的值判断当前面是否绘制完成;
C.当所有面绘制完成时,根据屏幕像素逆推设置线条宽度。
所述的基于教育操作系统的WebGL独立进程渲染方法,其中,所述步骤A中包括:
在绘制界面定义一个三角形的重心坐标;
定义绘制界面中绘制对象的顶点的重心坐标;
对顶点着色器设置属性;
对片元着色器设置属性。
所述的基于教育操作系统的WebGL独立进程渲染方法,其中,所述步骤B中,使用片元着色器判断绘制界面的任意分量值是否小于指定阈值,当是时,判断所述绘制对象的一面绘制完成,进入下一面的绘制。
所述的基于教育操作系统的WebGL独立进程渲染方法,其中,所述步骤C包括:
获取webgl的扩展OES_standard_derivatives;
在shader中开启所述扩展;
使用扩展的功能将线宽的值缩放到屏幕变化的范围之内;
获取屏幕像素空间的重心坐标,使用该变量进行逆推,得到可设置的线条宽度。
所述的基于教育操作系统的WebGL独立进程渲染方法,其中,使用扩展的功能将线宽的值缩放到屏幕变化的范围之内的步骤中,通过减少锯齿,确定宽度阈值,对线宽的值进行缩放。
一种电子设备,其中,包括:
包括处理器,适于实现各指令,以及
存储设备,适于存储多条指令,所述指令适于由处理器加载并执行:
在绘制界面获取着色器属性;
根据绘制界面的任意分量的值判断当前面是否绘制完成;
当所有面绘制完成时,根据屏幕像素逆推设置线条宽度。
所述的电子设备,其中,所述处理器还用于加载并执行:
在绘制界面定义一个三角形的重心坐标;
定义绘制界面中绘制对象的顶点的重心坐标;
对顶点着色器设置属性;
对片元着色器设置属性。
所述的电子设备,其中,所述处理器还用于加载并执行:
使用片元着色器判断绘制界面的任意分量值是否小于指定阈值,当是时,判断所述绘制对象的一面绘制完成,进入下一面的绘制。
所述的电子设备,其中,所述处理器还用于加载并执行:
获取webgl的扩展OES_standard_derivatives;
在shader中开启所述扩展;
使用扩展的功能将线宽的值缩放到屏幕变化的范围之内;
获取屏幕像素空间的重心坐标,使用该变量进行逆推,得到可设置的线条宽度。
所述的电子设备,其中,所述处理器还用于加载并执行:减少锯齿,确定宽度阈值,对线宽的值进行缩放。
有益效果:本发明公开了一种基于教育操作系统的WebGL独立进程渲染方法及电子设备,其中,所述方法包括步骤:A.在绘制界面获取着色器属性;B.根据绘制界面的任意分量的值判断当前面是否绘制完成;C.当所有面绘制完成时,根据逆推设置线条宽度,通过本发明所述方案,减少绘制时间和步骤,提高了绘制效率。
附图说明
下面将结合附图及实施例对本发明作进一步说明,附图中:
图1为本发明所述基于教育操作系统的WebGL独立进程渲染方法的步骤流程图。
图2为本发明所述电子设备的结构示意图。
具体实施方式
本发明提供一种基于教育操作系统的WebGL独立进程渲染方法及电子设备,为使本发明的目的、技术方案及效果更加清楚、明确,以下对本发明进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
请参阅图1,为本发明所述方法的步骤流程图,本发明公开了一种基于教育操作系统的WebGL独立进程渲染方法,其中,包括步骤:
S1.在绘制界面获取着色器属性;
S2.根据绘制界面的任意分量的值判断当前面是否绘制完成;
S3.当所有面绘制完成时,根据屏幕像素逆推设置线条宽度。
进一步的,所述的基于教育操作系统的WebGL独立进程渲染方法,其中,所述步骤A中包括:
在绘制界面定义一个三角形的重心坐标;
定义绘制界面中绘制对象的顶点的重心坐标;
对顶点着色器设置属性;
对片元着色器设置属性。
进一步的,所述的基于教育操作系统的WebGL独立进程渲染方法,其中,所述步骤B中,使用片元着色器判断绘制界面的任意分量值是否小于指定阈值,当是时,判断所述绘制对象的一面绘制完成,进入下一面的绘制。
进一步的,所述的基于教育操作系统的WebGL独立进程渲染方法,其中,所述步骤C包括:
获取webgl的扩展OES_standard_derivatives;
在shader中开启所述扩展;
使用扩展的功能将线宽的值缩放到屏幕变化的范围之内;
获取屏幕像素空间的重心坐标,使用该变量进行逆推,得到可设置的线条宽度。
进一步的,所述的基于教育操作系统的WebGL独立进程渲染方法,其中,使用扩展的功能将线宽的值缩放到屏幕变化的范围之内的步骤中,通过减少锯齿,确定宽度阈值,对线宽的值进行缩放。
本发明具体实施方式,首先定义三角形的中心坐标,再定义顶点的重心坐标,比如(1.0.0)、(0.1.0)、(0.0.1)可以组成一个三角形;对顶点着色器设置属性;为片元着色器设置属性;使用片元着色器判断任意分量的值是否小鱼指定的阈值,当是时,判定已开始绘制另一面,此时需要更改着色器配置,即改变颜色,绘制的线宽对象为多面体,当否时,继续当前绘制。
等待绘制完成,不同的多面体对象有不同数量的显示面,需要所有显示面绘制完成,获取webgl的扩展OES_standard_derivatives,在shader中开启该扩展,使用扩张的功能将线宽的值缩放到屏幕变化的范围之内,通过减少锯齿,确定宽度阈值,获取屏幕像素空间的重心坐标,使用该变量进行逆推,得到可设置的线条宽度,实现线宽的设置。
本发明较佳实施例,解决效果:
1、对象可以由三角形组成,确定每个三角形的重心坐标系后,利用重心坐标确定三角形的边,再由三角形组成对象,去除三角形的斜边或多余边后,得到对象的线框图。
2、引入webgl提供的一个扩展(OES_standard_derivatives),然后根据屏幕像素重心坐标轴的变化,绘制出指定宽度的线宽。
进一步的,本发明还公开了一种电子设备10,如图2所示,为所述电子设备的结构示意图,其中,包括:
包括处理器110,适于实现各指令,以及
存储设备120,适于存储多条指令,所述指令适于由处理器110加载并执行:
在绘制界面获取着色器属性;
根据绘制界面的任意分量的值判断当前面是否绘制完成;
当所有面绘制完成时,根据屏幕像素逆推设置线条宽度。
所述处理器110可以为通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)、单片机、ARM(AcornRISCMachine)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。还有,处理器还可以是任何传统处理器、微处理器或状态机。处理器也可以被实现为计算设备的组合,例如,DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP核、任何其它这种配置。
存储设备120作为一种非易失性计算机可读存储介质,可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块,如本发明实施例中的教育互动方法对应的程序指令。处理器通过运行存储在存储设备中的非易失性软件程序、指令以及单元,从而执行教育互动方法的各种功能应用以及数据处理,即实现上述方法实施例。
进一步的,所述的电子设备,其中,所述处理器110还用于加载并执行:
在绘制界面定义一个三角形的重心坐标;
定义绘制界面中绘制对象的顶点的重心坐标;
对顶点着色器设置属性;
对片元着色器设置属性。
进一步的,所述的电子设备,其中,所述处理器110还用于加载并执行:
使用片元着色器判断绘制界面的任意分量值是否小于指定阈值,当是时,判断所述绘制对象的一面绘制完成,进入下一面的绘制。
进一步的,所述的电子设备,其中,所述处理器110还用于加载并执行:
获取webgl的扩展OES_standard_derivatives;
在shader中开启所述扩展;
使用扩展的功能将线宽的值缩放到屏幕变化的范围之内;
获取屏幕像素空间的重心坐标,使用该变量进行逆推,得到可设置的线条宽度。
进一步的,所述的电子设备,其中,所述处理器110还用于加载并执行:减少锯齿,确定宽度阈值,对线宽的值进行缩放。
本发明具体实施方式,首先定义三角形的中心坐标,再定义顶点的重心坐标,比如(1.0.0)、(0.1.0)、(0.0.1)可以组成一个三角形;对顶点着色器设置属性;为片元着色器设置属性;使用片元着色器判断任意分量的值是否小鱼指定的阈值,当是时,判定已开始绘制另一面,此时需要更改着色器配置,即改变颜色,绘制的线宽对象为多面体,当否时,继续当前绘制。
等待绘制完成,不同的多面体对象有不同数量的显示面,需要所有显示面绘制完成,获取webgl的扩展OES_standard_derivatives,在shader中开启该扩展,使用扩张的功能将线宽的值缩放到屏幕变化的范围之内,通过减少锯齿,确定宽度阈值,获取屏幕像素空间的重心坐标,使用该变量进行逆推,得到可设置的线条宽度,实现线宽的设置。
综上所述,本发明公开了一种基于教育操作系统的WebGL独立进程渲染方法及电子设备,其中,所述方法包括步骤:A.在绘制界面获取着色器属性;B.根据绘制界面的任意分量的值判断当前面是否绘制完成;C.当所有面绘制完成时,根据逆推设置线条宽度,通过本发明所述方案,减少绘制时间和步骤,提高了绘制效率。
应当理解的是,本发明的应用不限于上述的举例,对本领域普通技术人员来说,可以根据上述说明加以改进或变换,所有这些改进和变换都应属于本发明所附权利要求的保护范围。
Claims (4)
1.一种基于教育操作系统的WebGL独立进程渲染方法,其特征在于,包括步骤:
A.在绘制界面获取着色器属性;
B.根据绘制界面的任意分量的值判断当前面是否绘制完成;
C.当所有面绘制完成时,根据屏幕像素逆推设置线条宽度;
所述步骤A包括:
在绘制界面定义一个三角形的重心坐标;
定义绘制界面中绘制对象的顶点的重心坐标;
对顶点着色器设置属性;
对片元着色器设置属性;
所述步骤B中,使用片元着色器判断绘制界面的任意分量的值是否小于指定阈值,当是时,判断所述绘制对象的一面绘制完成,进入下一面的绘制;
所述步骤C包括:
获取webgl的扩展OES_standard_derivatives;
在shader中开启所述扩展;
使用扩展的功能将线宽的值缩放到屏幕变化的范围之内;
获取屏幕像素空间的重心坐标,使用该重心坐标进行逆推,得到可设置的线条宽度。
2.根据权利要求1所述的基于教育操作系统的WebGL独立进程渲染方法,其特征在于,使用扩展的功能将线宽的值缩放到屏幕变化的范围之内的步骤中,通过减少锯齿,确定宽度阈值,对线宽的值进行缩放。
3.一种电子设备,其特征在于,包括:
包括处理器,适于实现各指令,以及
存储设备,适于存储多条指令,所述指令适于由处理器加载并执行:
在绘制界面获取着色器属性;
根据绘制界面的任意分量的值判断当前面是否绘制完成;
当所有面绘制完成时,根据屏幕像素逆推设置线条宽度;
所述处理器还用于加载并执行:
在绘制界面定义一个三角形的重心坐标;
定义绘制界面中绘制对象的顶点的重心坐标;
对顶点着色器设置属性;
对片元着色器设置属性;
使用片元着色器判断绘制界面的任意分量的值是否小于指定阈值,当是时,判断所述绘制对象的一面绘制完成,进入下一面的绘制;
获取webgl的扩展OES_standard_derivatives;
在shader中开启所述扩展;
使用扩展的功能将线宽的值缩放到屏幕变化的范围之内;
获取屏幕像素空间的重心坐标,使用该重心坐标进行逆推,得到可设置的线条宽度。
4.根据权利要求3所述的电子设备,其特征在于,所述处理器还用于加载并执行:减少锯齿,确定宽度阈值,对线宽的值进行缩放。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811259403.2A CN109544653B (zh) | 2018-10-26 | 2018-10-26 | 一种基于教育操作系统的WebGL独立进程渲染方法及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811259403.2A CN109544653B (zh) | 2018-10-26 | 2018-10-26 | 一种基于教育操作系统的WebGL独立进程渲染方法及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109544653A CN109544653A (zh) | 2019-03-29 |
CN109544653B true CN109544653B (zh) | 2023-05-16 |
Family
ID=65845319
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811259403.2A Active CN109544653B (zh) | 2018-10-26 | 2018-10-26 | 一种基于教育操作系统的WebGL独立进程渲染方法及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109544653B (zh) |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2018050003A1 (zh) * | 2016-09-14 | 2018-03-22 | 阿里巴巴集团控股有限公司 | 3D canvas网页元素的渲染方法、装置及电子设备 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9754392B2 (en) * | 2013-03-04 | 2017-09-05 | Microsoft Technology Licensing, Llc | Generating data-mapped visualization of data |
CN106502662B (zh) * | 2016-10-17 | 2019-06-14 | 北京儒博科技有限公司 | 用于智能操作系统的多区域图形绘制方法及装置 |
CN107967702B (zh) * | 2017-10-20 | 2018-12-11 | 北京建筑大学 | 逆向渲染绘制的热力图可视化方法 |
-
2018
- 2018-10-26 CN CN201811259403.2A patent/CN109544653B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2018050003A1 (zh) * | 2016-09-14 | 2018-03-22 | 阿里巴巴集团控股有限公司 | 3D canvas网页元素的渲染方法、装置及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN109544653A (zh) | 2019-03-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP4938850B2 (ja) | 拡張型頂点キャッシュを備えたグラフィック処理装置 | |
US10242481B2 (en) | Visibility-based state updates in graphical processing units | |
CN107154063B (zh) | 图像展示区域的形状设置方法及装置 | |
CN109035383B (zh) | 一种体积云的绘制方法、装置及计算机可读存储介质 | |
JP2008097583A (ja) | グラフィックスパイプラインにおけるタイルベース精度のラスタライズ | |
CN109785417B (zh) | 一种实现OpenGL累积操作的方法及装置 | |
US11257181B2 (en) | Tiling a primitive in a graphics processing system by edge-specific testing of a subset of tiles in a rendering space | |
WO2008048940A2 (en) | Graphics processing unit with shared arithmetic logic unit | |
CN115147579B (zh) | 一种扩展图块边界的分块渲染模式图形处理方法及系统 | |
JP5907930B2 (ja) | 複数の画素をテクスチャ処理するための画像処理方法、プログラム及びグラフィック装置 | |
US20160314618A1 (en) | Tiling a primitive in a graphics processing system | |
CN111145329A (zh) | 模型渲染方法、系统及电子装置 | |
EP4118624A1 (en) | Graphics processing unit render mode selection system | |
CN114494646A (zh) | 场景渲染方法、装置和电子设备 | |
CN109544653B (zh) | 一种基于教育操作系统的WebGL独立进程渲染方法及电子设备 | |
WO2023173728A1 (zh) | 图形渲染方法、装置及存储介质 | |
CN116681860A (zh) | 一种特征线渲染方法、装置、电子设备及存储介质 | |
WO2022134125A1 (zh) | 一种图形处理方法、装置及电子设备 | |
CN112837416A (zh) | 基于三角剖分的多边形渲染方法、装置及存储介质 | |
US6930686B1 (en) | Method and apparatus for drawing thick graphic primitives | |
CN106296564B (zh) | 嵌入式soc片上系统 | |
US20230368454A1 (en) | Graphics Processing Unit Instancing Control | |
WO2024103756A1 (zh) | 一种三维模型的显示方法、装置、电子设备及存储介质 | |
CN109324797B (zh) | 一种桌面图标生成方法、计算机可读存储介质及终端设备 | |
CN113934491A (zh) | 一种大数据处理方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |