Objective:

1、了解cocos2dx渲染流程，学习如何在cocos2dx引擎下编写OpenGL代码

2、了解OpenGL的渲染管线，学习Vertex shader和Fragment shader的编写，学习shader与c++程序如何传做数据传递

作者：织法

在手游如雨后春笋般上线的今天，手游的同质化极其严重。不同游戏间差别可能只是一层皮，在这种情况下，一款游戏若想获得成功，就必须有所突破，图形就是一个很好的突破口。

在中国，Cocos2dx是当下最流行的2D手游开发引擎，其最大的优点之一就是开源。正因为这一特点，我们可以轻松的添加一些自己想要的效果，尤其在图形方面。

下面，我将讲解如何在cocos2dx下使用OpenGL。

目录

一． Cocos2dx的渲染流程 ..................................................... 3

1.1 Node的Visite函数 .................................................................................... 3 1.2 Sprite的draw函数 ........

Objective:

1、了解cocos2dx渲染流程，学习如何在cocos2dx引擎下编写OpenGL代码

2、了解OpenGL的渲染管线，学习Vertex shader和Fragment shader的编写，学习shader与c++程序如何传做数据传递

作者：织法

在手游如雨后春笋般上线的今天，手游的同质化极其严重。不同游戏间差别可能只是一层皮，在这种情况下，一款游戏若想获得成功，就必须有所突破，图形就是一个很好的突破口。

在中国，Cocos2dx是当下最流行的2D手游开发引擎，其最大的优点之一就是开源。正因为这一特点，我们可以轻松的添加一些自己想要的效果，尤其在图形方面。

下面，我将讲解如何在cocos2dx下使用OpenGL。

目录

一． Cocos2dx的渲染流程 ..................................................... 3

1.1 Node的Visite函数 .................................................................................... 3 1.2 Sprite的draw函数 ........

Cocos2d-x入门教程TexturePacker非常棒的图像处理工具

Cocos2d-x初入学堂->TexturePacker非常棒的图像处理工具

1、为什么要用这个工具呢？有什么好处？

第一点：内存问题, OpenGL ES 纹理的宽和高都要是2次幂数, 以刚才的例子来说, 假如 start.png 本身是 480x320, 但在载入内存後, 它其实会被变成一张 512x512 的纹理, 而start.png 则由 101x131 变成 128x256, 默认情况下面，当你在cocos2d里面加载一张图片的时候，对于每一个像素点使用４个byte来表示--１个byte（８位）代表red，另外３个byte分别代表green、blue和alpha透明通道。这个就简称RGBA8888。

因此，如果你使用默认的像素格式来加载图片的话，你可以通过下面的公式来计算出将要消耗多少内存来加载：

图像宽度（width）×图像高度（height）×每一个像素的位数（bytes per pixel） = 内存大小

此时，如果你有一张５１２×５１２的图片，那么当你使用默认的像素格式去加载它的话，那么将耗费

５１２×５１２

Cocos2d-x入门教程TexturePacker非常棒的图像处理工具

Cocos2d-x初入学堂->TexturePacker非常棒的图像处理工具

1、为什么要用这个工具呢？有什么好处？

第一点：内存问题, OpenGL ES 纹理的宽和高都要是2次幂数, 以刚才的例子来说, 假如 start.png 本身是 480x320, 但在载入内存後, 它其实会被变成一张 512x512 的纹理, 而start.png 则由 101x131 变成 128x256, 默认情况下面，当你在cocos2d里面加载一张图片的时候，对于每一个像素点使用４个byte来表示--１个byte（８位）代表red，另外３个byte分别代表green、blue和alpha透明通道。这个就简称RGBA8888。

因此，如果你使用默认的像素格式来加载图片的话，你可以通过下面的公式来计算出将要消耗多少内存来加载：

图像宽度（width）×图像高度（height）×每一个像素的位数（bytes per pixel） = 内存大小

此时，如果你有一张５１２×５１２的图片，那么当你使用默认的像素格式去加载它的话，那么将耗费

５１２×５１２

P15

第2章 快速入门教程

本章提要

? ? ? ? ? ? ? ?

练习1：用ArcCatalog组织数据 练习2：向地理数据库中导入数据 练习3：创建子类和属性域 练习4：创建对象间的关系 练习5：创建几何网络 练习6：为数据创建注记

练习7：为地理数据库中的数据创建层 练习8：编辑地理数据库

通过数据管理工具ArcCatalog创建一个地理数据库或增加一个数据库非常容易，不需要编写任何程序就能实现。ArcCatalog可用来浏览、储存、组织和发布数据。在ArcMap中查询和编辑地理数据库时——ArcMap用于编辑、分析和编辑地图——不需要定制任何代码，就能充分利用地理数据库。

在教程中，利用ArcCatalog创建一个地理数据库来模拟自来水设施网络（water utility netword）。将通过创建子类、有效性规则、关系和几何网络增加行为（behavior）到地理数据库中。利用ArcMap编辑已有的要素和增加其它要素到地理数据库时，会体会到在地理数据库中使用行为的好处。

本教程研究的区域是位于Alabama的Montgoney市的一个部分。这个地理数据库中包含大部分资料：表示一个自来水侧水管（water laterals）的

P15

第2章 快速入门教程

本章提要

? ? ? ? ? ? ? ?

练习1：用ArcCatalog组织数据 练习2：向地理数据库中导入数据 练习3：创建子类和属性域 练习4：创建对象间的关系 练习5：创建几何网络 练习6：为数据创建注记

练习7：为地理数据库中的数据创建层 练习8：编辑地理数据库

通过数据管理工具ArcCatalog创建一个地理数据库或增加一个数据库非常容易，不需要编写任何程序就能实现。ArcCatalog可用来浏览、储存、组织和发布数据。在ArcMap中查询和编辑地理数据库时——ArcMap用于编辑、分析和编辑地图——不需要定制任何代码，就能充分利用地理数据库。

在教程中，利用ArcCatalog创建一个地理数据库来模拟自来水设施网络（water utility netword）。将通过创建子类、有效性规则、关系和几何网络增加行为（behavior）到地理数据库中。利用ArcMap编辑已有的要素和增加其它要素到地理数据库时，会体会到在地理数据库中使用行为的好处。

本教程研究的区域是位于Alabama的Montgoney市的一个部分。这个地理数据库中包含大部分资料：表示一个自来水侧水管（water laterals）的

P15

第2章 快速入门教程

本章提要

? ? ? ? ? ? ? ?

练习1：用ArcCatalog组织数据 练习2：向地理数据库中导入数据 练习3：创建子类和属性域 练习4：创建对象间的关系 练习5：创建几何网络 练习6：为数据创建注记

练习7：为地理数据库中的数据创建层 练习8：编辑地理数据库

通过数据管理工具ArcCatalog创建一个地理数据库或增加一个数据库非常容易，不需要编写任何程序就能实现。ArcCatalog可用来浏览、储存、组织和发布数据。在ArcMap中查询和编辑地理数据库时——ArcMap用于编辑、分析和编辑地图——不需要定制任何代码，就能充分利用地理数据库。

在教程中，利用ArcCatalog创建一个地理数据库来模拟自来水设施网络（water utility netword）。将通过创建子类、有效性规则、关系和几何网络增加行为（behavior）到地理数据库中。利用ArcMap编辑已有的要素和增加其它要素到地理数据库时，会体会到在地理数据库中使用行为的好处。

本教程研究的区域是位于Alabama的Montgoney市的一个部分。这个地理数据库中包含大部分资料：表示一个自来水侧水管（water laterals）的

MATLAB入门教程

1．MATLAB的基本知识

1-1、基本运算与函数

在MATLAB下进行基本数学运算，只需将运算式直接打入提示号（>>）之後，并按入Enter键即可。例如： >> (5*2+1.3-0.8)*10/25 ans =4.2000

MATLAB会将运算结果直接存入一变数ans，代表MATLAB运算後的答案（Answer）并显示其数值於萤幕上。

小提示： \是MATLAB的提示符号（Prompt），但在PC中文视窗系统下，由於编码方式不同，此提示符号常会消失不见，但这并不会影响到MATLAB的运算结果。

我们也可将上述运算式的结果设定给另一个变数x： x = (5*2+1.3-0.8)*10^2/25 x = 42

此时MATLAB会直接显示x的值。由上例可知，MATLAB认识所有一般常用到的加（+）、减（-）、乘（*）、除（/）的数学运算符号，以及幂次运算（^）。 小提示： MATLAB将所有变数均存成double的形式，所以不需经过变数宣告（Variable declaration）。MATLAB同时也会自动进行记忆体的使用和回收，而不必像C语言,必须由使用者一一指定.

JSP入门教程（一）

欢迎使用Java Server Pages(以下简称JSP)技术——制作动态内容网页的方法。如果你希望学习这篇教程的话，我想你一定是这项技术的新手。你可能想成为一名利用JSP技术开发网络应用程序的程序员或者网页设计师。本教程中包含了一系列JSP的技巧和一些简单的代码的写法，每一步都举了一组例子来讲述原理。建议在学习本教程之前先去看一看FAQ，了解如果配置你的服务器好让他能支持并运行JSP。那样你就可以跳过前边的内容直接看你感兴趣的内容了。

[dukebanner.html]

helloworld.jsp

<%@ page info=\

Hello, World!

页面说明：

在很多JSP文件中你都要写上这样的说明。在helloword.jsp中： <%@ page info=\

傻瓜也看得出来，这句话没什么大用，只是简要的说明一下这段代码的作用。可以在JSP文件中的任何地方写这种代码，但是好的习惯是把他写在最前面，还有，因为他是JSP标签，记住一定要放在前面。

include说明：

include用来在主JSP文件中调用本地的一个其他文件，通常是一些版权信息啦，脚本语言啦等其他

MATLAB入门教程

1．MATLAB的基本知识

1-1、基本运算与函数

在MATLAB下进行基本数学运算，只需将运算式直接打入提示号（>>）之後，并按入Enter键即可。例如： >> (5*2+1.3-0.8)*10/25 ans =4.2000

MATLAB会将运算结果直接存入一变数ans，代表MATLAB运算後的答案（Answer）并显示其数值於萤幕上。

小提示： \是MATLAB的提示符号（Prompt），但在PC中文视窗系统下，由於编码方式不同，此提示符号常会消失不见，但这并不会影响到MATLAB的运算结果。

我们也可将上述运算式的结果设定给另一个变数x： x = (5*2+1.3-0.8)*10^2/25 x = 42

此时MATLAB会直接显示x的值。由上例可知，MATLAB认识所有一般常用到的加（+）、减（-）、乘（*）、除（/）的数学运算符号，以及幂次运算（^）。 小提示： MATLAB将所有变数均存成double的形式，所以不需经过变数宣告（Variable declaration）。MATLAB同时也会自动进行记忆体的使用和回收，而不必像C语言,必须由使用者一一指定.