/webGL

webGL编程指南-DEMO整理,一行一行敲很累的,如果有用,给个star吧!

Primary LanguageJavaScript

#DrawRectangle Canvas绘制矩形 #HelloCanvs WebGL实例程序 #HelloPoint1 在webGL上绘制点 #HelloPoint2 变量控制绘制的点 #ClickedPoints 鼠标点击绘制点 #ColoredPonits 数遍点击并且根据象限绘制颜色不一样的点 #MultiPoint 绘制一个三角形的顶点 #HelloTriangle 根据三个点绘制一个二纬三角形 #HelloTriangle_LINE_LOOP 根据三个点用LINE_LOOP绘制 #HelloTriangle_LINE_STRIP 根据三个点用LINE_STRIP绘制 #HelloTriangle_LINES 根据三个点用LINES绘制 #HelloRectangle 根据4个顶点绘制出一个正方形 #HelloQuad_FAN 根据四个顶点用gl.drawArrays(gl.TRIANGLE_FAN, 0, n) 绘制出飘带形状 #TranslaTriangle 根据变量平移绘制的三角形 #RotatedTriangle 根据变量旋转绘制的三角形 #RotatedTriangle_matrix 根据矩阵式列变换三角形 #RotatedTringle_matrix4 利用函数库旋转三角形 #RotatedTranslatedTriangle 利用函数对三角形进行复杂变化 #RotatingTriangle 三角形旋转动画 #RotatingTranslatedTriangle 三角形复合动画 #MultiAttributeSize 绘制三个不同尺寸的点 #MultiAttributeSize_Interleaved 将坐标数据和尺寸数据打包到一个缓冲区,绘制三个不同尺寸的点 #MultiAttributeColor 将坐标数据和颜色数据打包到一个缓冲区,绘制三个不同颜色的点 #ColoredTriangle 绘制一个颜色平滑的三角形 #TexturedQuad 纹理图像 #TexturedQuad_Repeat 修改纹理图像坐标 #TexturedQuad_Clamp_Mirror 修改纹理参数 #MultiTexture 使用两幅纹理图像 #LookAtTriangles 三个具有不同深度的三角形 #RotatedLookAtTriangle_Matrix4 旋转LookAtTriangles的三角形