前面文章： WebGL入门教程(一)-初识webgl WebGL入门教程(二)-webgl绘制三角形 WebGL入门教程(三)-webgl动画 WebGL入门教程(四)-webgl颜色 这里就需要用到纹理映射，他就是将一张真实图片贴到一个几何图像表面。 纹理图像：映射的这个图像称为 ...

一、WebGL和传统网页的区别： 普通网页组成成分：HTML、JavaScript； WebGL网页组成成分：HTML5、JavaScript和GLSL ES(着色器语言 OpenGL ES)； 二、WebGL采用H5中的<canvas>元素来定义绘图区域 ...

前面文章： WebGL入门教程(一)-初识webgl WebGL入门教程(二)-webgl绘制三角形 WebGL入门教程(三)-webgl动画 颜色效果图： 操作步骤： 1.创建HTML5 canvas 2.获取画布 canvas 的 ID 3.获取WebGL ...

前面已经介绍过了webgl，WebGL入门教程(一)-初识webgl（http://www.cnblogs.com/bsman/p/6128447.html）,也知道了如何绘制一个点，接下来就用webgl画出一个三角形。 效果图： 在WebGL入门教程(一)-初识webgl中，知道 ...

在做这个项目之前，我也和很多人的想法一样觉得：H5做动画性能不行，只能完成简单动画，可是事实并非如此。所以借此篇分享振奋下想在H5下做酷炫游戏的人心。 体验游戏请长按二维码识别： 好吧，知道你懒。不想扫码的可以看下面的视频： 初识入门 什么是骨骼动画，本篇先 ...

WebGL 产生的背景和历史 在学习 WebGL 之前，我们先简单了解一下 WebGL 产生的背景。WebGL 规范产生以前，浏览器如果想实现 3D 动画效果，只能借助一些浏览器插件，比如 Adobe 的 Flash、微软的 SilverLight 等来实现，那么，为了打破这一局限，各大知名公司 ...

1.清空绘图区 清空绘图区是使用指定的背景颜色填充canvas，使用gl.clearColor设置背景色。gl.clearColor(red, green, blue, alpha)。ope ...

WebGL OpenGL ES for the Web https://www.khronos.org/webgl/ WebGL 2.0 Specification https://www.khronos.org/registry/webgl/specs/latest ...