WebGL入门教程(一)-初识webgl
一、WebGL和传统网页的区别： 普通网页组成成分：HTML、JavaScript； WebGL网页组成成分：HTML5、JavaScript和GLSL ES(着色器语言 OpenGL ES)； 二、WebGL采用H5中的<canvas>元素来定义绘图区域 ...
花费 8 ms
WebGL入门教程(二)-webgl绘制三角形
前面已经介绍过了webgl，WebGL入门教程(一)-初识webgl（http://www.cnblogs.com/bsman/p/6128447.html）,也知道了如何绘制一个点，接下来就用web ...
Cesium原理篇：6 Render模块(3: Shader)
在介绍Renderer的第一篇，我就提到WebGL1.0对应的是OpenGL ES2.0，也就是可编程渲染管线。之所以单独强调这一点，算是为本篇埋下一个伏笔。通过前两篇，我们介绍了VBO ...
Android 着色器 Tint 研究
Tint 这个东西 主要用来减少apk体积的，比如说我现在有一个textview，他的背景图 有两种，一种是当获得焦点时显示的a图，另一种是 失去焦点时显示的b图。 相信大家开发的时候 这种需求做过 ...
【Cesium 颜狗初步】fabric 材质定义与自定义着色器实践
fabric 材质定义：着色器实践 1. 示例代码 贴到沙盒里就可以运行： 2. 修改 fabric 对象 随便定义一个浮点数，发现报错： 加上 uniform 限定字，报错稍微改了一点： 所以，这个 source 是有规则的。 2.1. 必须拥有函数 ...
编写Unity3D着色器的三种方式
不管你会不会写Unity3D的shader，估计你会知道，Unity3D编写shader有三种方式，这篇东西主要就是说一下这三种东西有什么区别，和大概是怎样用的。 先来列一下这三种方式： ...
three.js各种材质的实现源码
three.js常用材质：基本材质、兰伯特材质、冯氏材质、标准材质。 我们可以自己使用着色器实现这些材质，用于批量渲染等用途。 为了简单，假设物体只有一张漫反射贴图，场景中只存在一个环境光和一个平行光。 一、基本材质（MeshBasicMaterial） 基本材质不对光源产生反应 ...
Unity Shader 绘制点直线网格等基本图形
利用 Plane 映射到屏幕上的像素坐标作为绘制图形的输入参数。 Shader003 代码: 根据两点绘制直线。问题转化为计算哪些点在直线的线宽范围内。首先利用直线的两点式方程，过 (x1,x ...
Unity Shader 闪烁的光晕 Glow 亮瞎你的眼
效果图 : Shader006.shader ScriptShader006.cs End. → 源码 GitHub ...
OpenGL ES 入门
写在前面 记录一下 OpenGL ES Android 开发的入门教程。逻辑性可能不那么强，想到哪写到哪。也可能自己的一些理解有误。 参考资料： LearnOpenGL CN Androi ...