webGL基础

92 阅读1分钟
创建canvas对象
创建webGL 上下文
创建顶点选择器 a_Postion
创建片元选择器 gl_FragColor
创建应用  createdProgram
连接顶点选择器和片元选择器 linkPrigram()
创建缓存器(目的是让CPU,GPU更高效执行 3d效果)
混存区绑定应用 以及顶点选择器位置 getAttribLocation(program,'a_Position')
告知openGL 解析定点数据
清除canvas,防止污染
绘制三角形 drawarrys 
创建点线面 + 创建片元 -> 绑定 -> 存cpu缓存区 -> 创建+绑定

cb7c8a972f02b30d3a870170d9433ed.png

132a04e32c488f8d8a81b5823b818a1.png

5984e1fbff285df8d83da4a15fcc70d.png

68722a12ddf892f68d84502b4392cc0.png

06757605ec49ba4fffdf6352ff70ef4.png

dcb75a6c88c788a088e554a5d43fc12.png

3f88e13c8cdc26430c4419c232ab43c.png

109303814cbbb542fa106cf485476d9.png