[发明专利]一种基于webgl提升设计效率的方法及装置

权利要求书

1.一种基于webgl提升设计效率的方法，其特征在于，

根据所需3D效果模块编写着色器，根据不同的3D效果组合进行不同着色器拼接后渲染，最后显示。

2.根据权利要求1所述的一种基于webgl提升设计效率的方法，其特征在于，编写着色器之前需先确定系统中需要内置的3D效果模块种类，提取各个模块通用及私有配置，确定默认参数值，构建webgl基础环境。

3.根据权利要求2所述的一种基于webgl提升设计效率的方法，其特征在于，3D效果模块种类包括粒子、飞线、辉光。

4.根据权利要求3所述的一种基于webgl提升设计效率的方法，其特征在于，根据所需3D效果模块编写着色器的具体过程如下：

S1、将各3D效果模块进行初始化顶点数据attribute_positions，颜色数据attribute_colors，创建缓冲区对象并写入顶点数据和颜色数据；

S2、初始化时间参数uniform_time，实现各个模块动画效果根据步骤S1中顶点数据及颜色数据根据时间参数变化的方法；

S3、将步骤S1中各3D效果模块的顶点数据和颜色数据，步骤S2中的方法编写入总着色器，用于管理各3D效果模块的通用参数及方法。

5.根据权利要求4所述的一种基于webgl提升设计效率的方法，其特征在于，步骤S3中通过#includexx编入总着色器中。

6.根据权利要求1所述的一种基于webgl提升设计效率的方法，其特征在于，拼接后的着色器导入GPU渲染管线中渲染，然后在web端显示最终效果。

7.根据权利要求1所述的一种基于webgl提升设计效率的方法，其特征在于，通过webpack将拼接渲染后显示的效果导出为浏览器可以直接浏览的文件。

8.一种基于webgl提升设计效率的装置，其特征在于，包括

存储器：用于存储可执行指令；

处理器：用于执行所述存储器中存储的可执行指令，实现如权利要求1-7任一项所述的一种基于webgl提升设计效率的方法。