DisablevertexattribarraybufferSubDatagetAttribLocationUniformmatrix4fv

webgl vertexAttribPointer步进和偏移函数 - 简书

文章推薦指數： 80 %
投票人數：10人

如果每个顶点数据都创建一个缓冲对象,那么会导致创建很多缓冲对象,而且在编码的过程中会产生相同的代码.所以webgl 推出使用vertexAttribPointer()的步 ... webglvertexAttribPointer步进和偏移函数 前言 在前面程序中,我们一般会创建一个缓冲区对象,在其中存储顶点的坐标数据,然后在缓冲区传入顶点数据.然而在三维坐标中,不仅包括顶点数据,还包括颜色,大小等数据.如果每个顶点数据都创建一个缓冲对象,那么会导致创建很多缓冲对象,而且在编码的过程中会产生相同的代码.所以webgl推出使用vertexAttribPointer()的步进和偏移参数 vertexAttribPointer()步进和偏移函数 参数 参数说明 参数值 location 指定分配attribute中的存储地址 - size 指定缓冲区每个顶点分量的个数1-4 - type 指定数据个数 - normalize 是否将非浮点型数据归一化true - stride 指定相邻两个顶点间的字节数 默认0 offset 指定缓冲区对象中的偏移量 默认0 示例程序 需要画3个点,每个点的大小不一样

attributevec4a_Position; attributefloata_PointSize; voidmain(){ gl_Position=a_Position; gl_PointSize=a_PointSize; } //全局设置浮点数的精确度,其他类型都有默认的精度类型,浮点数需要单独的设置 //precisionmediumpfloat; //uniformvec4u_FragColor; voidmain(){ gl_FragColor=vec4(1.0,0.0,0.0,1.0); }

varying变量 当我们使用vertexAttribPointer传入多种数据到顶点着色器的时候,往往需要将顶点着色器的数据传递给片元着色器.这时候需要使用varying变量将顶点着色器的数据传递给片元着色器.使用分以下几步 在顶点着色器创建一个varying变量 在顶点着色器对varying变量进行赋值 在片元着色器中命名一个相同变量的varying变量 注意 varying变量一般命名已v_开头.varying变量在赋值的时候需要相同类型的,不然会报错. varying变量示例程序 绘制一个3个位置颜色,大小都通过变量的形式传递.

attributevec4a_Position; attributefloata_PointSize; attributevec4a_Color; varyingvec4v_Color; voidmain(){ gl_Position=a_Position; gl_PointSize=a_PointSize; v_Color=a_Color; } //全局设置浮点数的精确度,其他类型都有默认的精度类型,浮点数需要单独的设置 precisionmediumpfloat; //uniformvec4u_FragColor; varyingvec4v_Color; voidmain(){ gl_FragColor=v_Color; }

推荐阅读更多精彩内容LearningtheWebGL\color{blue}{ch2}坐标图canvas的坐标横轴为x轴(正方向朝右),纵轴为y轴(正方向朝下)...liuyangjike阅读348评论0赞1webgl基础：顶点到片元的联动继前期分享了初入webgl的一些内容之后，相信大家已经对webgl有了一个初步的认识，今天再来分享一些基础内容...yancy_1012阅读100评论0赞0《WebGL编程指南》笔记——第五章颜色与纹理本章主要内容：（1）将顶点的其他（非坐标）数据——如颜色等——传入顶点着色器（2）发生在顶点着色器和片元...fehysunny阅读1,482评论2赞3WebGL学习(2)-3D场景原文地址：WebGL学习(2)-3D场景[https://jeff_zhong.gitee.io/blog/2...jeffzhong阅读438评论0赞1WebGL初印象最近由于工作需要，开始学习WebGL相关的知识。

这篇文章的目的就是记录下学习过程中的一些知识概念，并实现一个简...JoeRay61阅读252评论0赞1张艺谋要在电影院开“画展”，预告片孙俪都是戏，关晓彤可期待！今天青石的票圈出镜率最高的，莫过于张艺谋的新片终于定档了。

一张满溢着水墨风的海报一次次的出现在票圈里，也就是老谋...青石电影阅读7,032评论1赞32018-07-18董多娇第226天坚持分享，焦点相信，每个人在每一刻都会为自己做出一个决定与选择，是他们当时认为最合适自己的，所以任...良知良能良知良能阅读2,262评论1赞1初识jQuery之jQuery设计思想（一）一、jQuery简介JQ是JS的一个优秀的库，大型开发必备。

在此，我想说的是，JQ里面很多函数使用和JS类似，所...Welkin_qing阅读9,656评论1赞7Day3我也很想哭特意早起做好两手准备――笔记本和手机都在等S老师的召唤。

万万没有想到今天卡得飞起，［r］怎么发音的部分没有听清楚。

...龙沙宝石_ecde阅读1,218评论3赞3Android之跑马灯跑马灯在项目了其实应用的还比较多，特别是做多媒体的时候，音乐视频蓝牙等等经常用到。

比如音乐的专辑信息，蓝牙通话记...江南皮皮阅读3,138评论1赞6抽奖1赞2赞赞赏更多好文

請為這篇文章評分？

延伸文章資訊