cocos2d js

《被逼的鱼》游戏说明

一、游戏介绍：

被逼的鱼（英文名：BABY FISH）是一款简单的手机游戏，它的界面操作简单，没有太多的操作步骤，适合很多群体的玩家。如：7~12岁的少年儿童、60岁以上的老年人、还有少数的青年玩家。而它之所以会为这些群体接受的另一些因素则是：这款游戏可以提高玩家的反应能力，在玩游戏的时候需要眼睛和手紧密的配合，从而在玩游戏的时候才会得心应手。所以，这款游戏对于开发儿童智力，提高反应能力有很大的帮助；同时，这款游戏也适用于老年人玩，它可以对防御老年痴呆有一定的帮助，因为游戏很好的帮助他们动脑和手。因此，我觉得这款游戏也有它开发的必要。

二、游戏界面：

1、开始界面：

游戏的开始界面主要包括：开始背景、进入游戏界面的开始按钮“NEW GAME”、游戏背景介绍的按钮“INFORMATION”。

开始界面可以帮助玩家了解游戏背景和操作步骤。通过开始界面背景，玩家可以大概了解到游戏将会在海底进行；还有游戏的界面操作。

图1-1 开始界面

图1-2 切换效果

图1-3 说明界面

2、游戏界面：

游戏界面主要包括：游戏界面背景、各种各样的坠落物、玩家扮演的鱼、左上角的游戏分数、右上角玩家的生命值。鱼在游戏中可以左右移动，从而避免与

坠落物发生碰撞，玩家在玩

第一部分 引擎基础

第一章 Hello Cocos2d-x

（1） 精灵（sprite）：一切可见元素

（2） 只有把一个游戏元素放置到其他已经呈现出来的游戏元素中，它才会呈现

出来。

（3） CCNode::addChild方法：组合游戏元素

（4） Vs2010中运行cocos2d-2.0-x-2.0.4的时候，若出现如下错误：

错误描述如下： 1>正在编译资源... 1>正在编译资源清单... 1>正在链接...

1>CVTRES : fatal error CVT1100: 重复的资源。

type:MANIFEST, name:1, language:0x0409

1>LINK : fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏 1>生成日志保存在

“file://c:\\WTL80_7108_Beta1\\Samples\\BmpView\\Debug\\BuildLog.htm” 1>BmpView - 2 个错误，1 个警告

========== 全部重新生成: 0 已成功, 1 已失败, 0 已跳过 ==========

解决方法如下：

项目\\属性\\配置属性\\清单工具\\输入和输出\\

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） = 内存大小

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

５１２×５１２

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函数 ........

一、单选题

1、以下哪条语句会产生运行错误：（A） A.var obj = ( ); B.var obj = [ ]; C.var obj = { }; D.var obj = / /;

2、以下哪个单词不属于javascript保留字：（B） A. with B. parent C. class D. void

3、请选择结果为真的表达式：（C） A. null instanceof Object B. null === undefined C. null == undefined D. NaN == NaN

二、不定项选择题

4、请选择对javascript理解有误的：(ABCD) A. JScript是javascript的简称

B. javascript是网景公司开发的一种Java脚本语言，其目的是为了简化Java的开发难度

C. FireFox和IE存在大量兼容性问题的主要原因在于他们对javascript的支持不同上

D. AJAX技术一定要使用javascript技术

5、 foo对象有att属性，那么获取att属性的值，以下哪些做法是可以的：（ACE） A. foo.att B. foo(“att

选择题

1、 JavaScript脚本语言的前身是 （ ） A.Basic B.Live Script C.Oak D.VBScript 答案：B 难度 容易

2、 以下哪个不是javascript语言的特点：（ ） A. 基于对象 B. 跨平台 C. 编译执行 D. 脚本语言 答案：C 难度 容易

3标记符title是放在标记符什么之间的（ ） A.html与html B.head与head C.body与body D.head与body 答案：B 难度 容易

4以下哪个不是javascript的全局函数（ ）

A. escape B. parseFloat C. eval D. setTimeout 答案：D 难度 中等

5在不指定特殊属性的情况下，哪个HTML标签可以手动输入文本（ ） A. B. C. D. 答案：B 难度 容易

6 JavaScript 使用（ ）来分隔两条语句。 A、分号 B、逗号 B、括号 D、句号 答案：A 难度 容易

7 下列

选择题（每题2分，共计100分）

1. 当表单各项添写完毕，鼠标单击提交按钮时可以触发（ ）事件。 A. onenter B. onsubmit

C. onmouseDrag

D. onmouseOver

--------------------------------------

2. 分析下面的JavaScript代码段，输出结果是（ ）。 var a=15.59;

document.write(Math.round(a));

A. 15

B. 16

C. 15.5

D. 15.4

3. 使用JavaScript实现下面的功能：在一个文本框中内容发生改变后，单击页面的其他部分将

弹出一个消息框显示文本框中的内容。下面语句正确的是（ ）。 装-------------------------------------- A.

4. 假定今天是2006年4月1日星期六，请问下列JavaScript代码在页面上的输出结果是（ ）。

var time=new Date();

订document.write(time.getDate()); ----------

2D，3D面板

这两个面板是重点，以前都是准备工作，到现在我们可以画网格了。我们在这里主要介绍画六面体网格。

一 automesh 这个面板在day1，day2 中已经有讲解了，在这里我讲一些自己的体会。在create mesh面板中，如果你想改变一个已经画好的网格的话就需要将surf/elem面板下面的reset meshing parameters to选上。这个面板可以对面进行分网，也可以对已画好的网格进行重画，只要在surf/elem面板中选中elem就可以了，而且这个选项可以优化网格的质量。

强烈建议大家仔细研究图中画红线的地方。在左边画红线的地方，在reset的下面有一个面板elem size/use mesh params的选项，如果你想用create mesh下面mesh params这个面板的话就要选则use params这个面板。在use params的下面可以选择网格的形状，tris—三角形 Quads—四边形，mixed—三角形和四边形混合，如果用其中一个画的网格你觉得质量不好的话，可以试试其他选择。画好之后再type里面也可以改单元的类型。在右边红线圈起来的面板里面