上篇采用了HTML5的Canvas的globalCompositeOperation属性达到了染色效果，其实CSS也提供了一些常规图像变化的设置参数，关于CSS的过滤器Filter设置可参考 http://www.html5rocks.com/en/tutorials/filters/understandin...

cocos2d的Shader也就是差不多直接跟GPU打交道了，跟Flash的Stage3D（AGAL）类似，不过没有AGAL这么恶心，不需要直接编写汇编语言。而Fragment Shader又跟Flash的pixelbender类似。本文以cocos2d-js为例，但cocos2dx其他版本也是...

这篇文章本该放到OpenGLES的专题，OpenGL里最复杂最丰富多变的摄像机矩阵会用到欧拉角的概念。咱们放到普通iOS开发来讲这个概念，因为很多时候我们需要监测手机运动状态，而监测手机运动的CoreMotion框架里，也有欧拉角这个...

前言在上一章中，我们使用OpenGL ES绘制了一个平平无奇的三角形。那么如何绘制3D模型呢？其实，在计算机的世界中，所有的3D模型都是由无数的三角平面拼接而成。 通常我们使用.stl格式来记录...

前言随着VR/AR技术的普及，人机交互的模式将产生新的变革。OpenGL ES作为移动端上的图像渲染框架，将变得越来越重要。在此将学习OpenGL ES作为Q3的主要目标。在10月1日前，希望能有阶段性成果。快速开始判断设备是否支持Op...

前言在物理世界中，光是视觉的根基。在计算机的世界中，亦是如此。我们看到一个物体，除了它的形态外，还能感知到它的色彩。这个色彩就是由物体的颜色、材质和外部的光照共同决定的。基础概念光照vs材质vs颜色想象一下，任意一...

前言在App开发中，为了追求给CPU减负，我们经常会使用GPU来渲染我们想要显示的图片。如何控制GPU为我们工作？渲染管线GPU的工作流程是固定的：image.png上图就是OpenGL E...

前言初学OpenGL，我越来越觉得学习OpenGL的过程，像一个小朋友学画画（我就是那个小朋友！）一开始，只画找来一张纸（窗体），在上面随便的涂抹上色，然后学着画规则物体，三角形、圆形等，接着学习画一些具有透视的3D场景，最后越画越接近真实...

最近公司要求在手机上显示3D模型，并且要获取点击的模型坐标，找了很多相关资料，发现有两种实现方式，一种是集成Unity3D，另一种是使用苹果提供的SceneKit；由于使用Unity3D太麻烦，于是选择使用SceneKit，而且这个是原生的，速度可想...

基本变换：平移(translation)、旋转(roration)、缩放(scale)、透视(perspective)，这4个基本变换可以单独使用，也可以组合使用(两个基本变换可以使用矩阵乘法组合起来) 注意：当使用组合变换时，顺序很重要，例如平移和旋转组合，...