摘要：前面学习了一些webgl的基础知识，现在就用一下three.js写一个小例子，记录一下学习的过程。 效果图： 1.去github下载three.js，然后将它加载到网页中 2接着就该写一下参数了，主要的四大组件一个不能少 2.1生成“场景”组件 2.2生成“相机”组件 四个参数 第一个参数：是夹角 阅读全文

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

摘要：前面文章： WebGL入门教程(一)-初识webgl WebGL入门教程(二)-webgl绘制三角形 WebGL入门教程(三)-webgl动画 颜色效果图： 操作步骤： 1.创建HTML5 canvas 2.获取画布 canvas 的 ID 3.获取WebGL 4.编译着色器 5.使用缓冲区对象向顶 阅读全文

摘要：前面文章： WebGL入门教程(一)-初识webgl WebGL入门教程(二)-webgl绘制三角形 WebGL动画有移动、旋转和缩放，我们将移动、旋转和缩放图形，然后将其绘制到屏幕上，称为变换(transformations)或者仿射变换(affine transformations). 1.移动 阅读全文

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

摘要：一、WebGL和传统网页的区别： 普通网页组成成分：HTML、JavaScript； WebGL网页组成成分：HTML5、JavaScript和GLSL ES(着色器语言 OpenGL ES)； 二、WebGL采用H5中的<canvas>元素来定义绘图区域，然后通过JavaScript内嵌GLSL 阅读全文