CN109544653A - 一种基于教育操作系统的WebGL独立进程渲染方法及电子设备 - Google Patents

一种基于教育操作系统的WebGL独立进程渲染方法及电子设备 Download PDF

Info

Publication number
CN109544653A
CN109544653A CN201811259403.2A CN201811259403A CN109544653A CN 109544653 A CN109544653 A CN 109544653A CN 201811259403 A CN201811259403 A CN 201811259403A CN 109544653 A CN109544653 A CN 109544653A
Authority
CN
China
Prior art keywords
webgl
value
tinter
interface
extension
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.)
Granted
Application number
CN201811259403.2A
Other languages
English (en)
Other versions
CN109544653B (zh
Inventor
李天驰
孙悦
李涛
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Dianmao Technology Co Ltd
Original Assignee
Shenzhen Dianmao Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen Dianmao Technology Co Ltd filed Critical Shenzhen Dianmao Technology Co Ltd
Priority to CN201811259403.2A priority Critical patent/CN109544653B/zh
Publication of CN109544653A publication Critical patent/CN109544653A/zh
Application granted granted Critical
Publication of CN109544653B publication Critical patent/CN109544653B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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独立进程渲染方法及电子设备。
背景技术
目前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 (10)

1.一种基于教育操作系统的WebGL独立进程渲染方法，其特征在于，包括步骤：
A.在绘制界面获取着色器属性；
B.根据绘制界面的任意分量的值判断当前面是否绘制完成；
C.当所有面绘制完成时，根据屏幕像素逆推设置线条宽度。
2.根据权利要求1所述的基于教育操作系统的WebGL独立进程渲染方法，其特征在于，所述步骤A中包括：
在绘制界面定义一个三角形的重心坐标；
定义绘制界面中绘制对象的顶点的重心坐标；
对顶点着色器设置属性；
对片元着色器设置属性。
3.根据权利要求2所述的基于教育操作系统的WebGL独立进程渲染方法，其特征在于，所述步骤B中，使用片元着色器判断绘制界面的任意分量值是否小于指定阈值，当是时，判断所述绘制对象的一面绘制完成，进入下一面的绘制。
4.根据权利要求3所述的基于教育操作系统的WebGL独立进程渲染方法，其特征在于，所述步骤C包括：
获取webgl的扩展OES_standard_derivatives；
在shader中开启所述扩展；
使用扩展的功能将线宽的值缩放到屏幕变化的范围之内；
获取屏幕像素空间的重心坐标，使用该变量进行逆推，得到可设置的线条宽度。
5.根据权利要求4所述的基于教育操作系统的WebGL独立进程渲染方法，其特征在于，使用扩展的功能将线宽的值缩放到屏幕变化的范围之内的步骤中，通过减少锯齿，确定宽度阈值，对线宽的值进行缩放。
6.一种电子设备，其特征在于，包括：
包括处理器，适于实现各指令，以及
存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：
在绘制界面获取着色器属性；
根据绘制界面的任意分量的值判断当前面是否绘制完成；
当所有面绘制完成时，根据屏幕像素逆推设置线条宽度。
7.根据权利要求6所述的电子设备，其特征在于，所述处理器还用于加载并执行：
在绘制界面定义一个三角形的重心坐标；
定义绘制界面中绘制对象的顶点的重心坐标；
对顶点着色器设置属性；
对片元着色器设置属性。
8.根据权利要求7所述的电子设备，其特征在于，所述处理器还用于加载并执行：
使用片元着色器判断绘制界面的任意分量值是否小于指定阈值，当是时，判断所述绘制对象的一面绘制完成，进入下一面的绘制。
9.根据权利要求8所述的电子设备，其特征在于，所述处理器还用于加载并执行：
获取webgl的扩展OES_standard_derivatives；
在shader中开启所述扩展；
使用扩展的功能将线宽的值缩放到屏幕变化的范围之内；
获取屏幕像素空间的重心坐标，使用该变量进行逆推，得到可设置的线条宽度。
10.根据权利要求9所述的电子设备，其特征在于，所述处理器还用于加载并执行：减少锯齿，确定宽度阈值，对线宽的值进行缩放。
CN201811259403.2A 2018-10-26 2018-10-26 一种基于教育操作系统的WebGL独立进程渲染方法及电子设备 Active CN109544653B (zh)

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 true CN109544653A (zh) 2019-03-29
CN109544653B 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 (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140247271A1 (en) * 2013-03-04 2014-09-04 Microsoft Corporation Data visualization
CN106502662A (zh) * 2016-10-17 2017-03-15 北京智能管家科技有限公司 用于智能操作系统的多区域图形绘制方法及装置
WO2018050003A1 (zh) * 2016-09-14 2018-03-22 阿里巴巴集团控股有限公司 3D canvas网页元素的渲染方法、装置及电子设备
CN107967702A (zh) * 2017-10-20 2018-04-27 北京建筑大学 逆向渲染绘制的热力图可视化方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140247271A1 (en) * 2013-03-04 2014-09-04 Microsoft Corporation Data visualization
WO2018050003A1 (zh) * 2016-09-14 2018-03-22 阿里巴巴集团控股有限公司 3D canvas网页元素的渲染方法、装置及电子设备
CN107832108A (zh) * 2016-09-14 2018-03-23 阿里巴巴集团控股有限公司 3D canvas网页元素的渲染方法、装置及电子设备
CN106502662A (zh) * 2016-10-17 2017-03-15 北京智能管家科技有限公司 用于智能操作系统的多区域图形绘制方法及装置
CN107967702A (zh) * 2017-10-20 2018-04-27 北京建筑大学 逆向渲染绘制的热力图可视化方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
杨润斌: "基于WebGL的在线3D建模系统", 《中国优秀硕士学位论文全文数据库（电子期刊）信息科技辑》 *

Also Published As

Publication number Publication date
CN109544653B (zh) 2023-05-16

Similar Documents

Publication Publication Date Title
CN108596184B (zh) 图像语义分割模型的训练方法、可读存储介质及电子设备
JP5317866B2 (ja) グラフィック処理の監視
CN103810742B (zh) 图像渲染方法和系统
US9286858B2 (en) Hit testing method and apparatus
CN112433657B (zh) 电子书的仿真翻页方法、电子设备及计算机存储介质
CN108846791B (zh) 物理模型的渲染方法、装置及电子设备
CN109213607B (zh) 一种多线程渲染的方法和装置
CN109615685B (zh) 基于uml面向gpu纹理贴图的硬件视图模型的纹理执行装置及方法
CN106155540B (zh) 电子毛笔笔形处理方法和装置
CN107203434A (zh) 一种纹理共享的方法、装置以及计算机可读存储介质
WO2016192546A1 (zh) 一种动态曲线的数据点更新方法和设备
CN108959201A (zh) 电子书阅读器手写笔迹的绘制方法及电子书阅读器
CN104407384B (zh) 地震剖面显示的方法
CN105574808A (zh) 一种流水线纹理贴图单元体系结构
CN103543923A (zh) 控件的点击事件处理方法及系统
CN105511890B (zh) 一种图形界面更新方法和装置
CN114210054A (zh) 一种将3d模型嵌入ugui中显示的方法
CN109032951A (zh) 一种检测客户端运行OpenGL版本的方法、系统、服务器及存储介质
CN109544653A (zh) 一种基于教育操作系统的WebGL独立进程渲染方法及电子设备
CN105630383B (zh) 一种在人机交互过程中提升关注度的方法和系统
CN111242832B (zh) 基于SystemC的GPU纹理贴图周期精确联合仿真装置及方法
CN114003385A (zh) 一种用于提升后处理性能的并行化方法
CN109710122B (zh) 用于展示信息的方法和装置
CN110428482A (zh) 一种离散点集的内部孔洞搜索绘制算法
CN116185940B (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