首页 > 代码库 > UML设计，可以设计程序的用例图、类图、活动图等_SurfaceView
UML设计，可以设计程序的用例图、类图、活动图等_SurfaceView
? 对Cocos2d游戏引擎有一定的了解和实践，并接触过处理3D图形和模型库的OpenGL
在进行游戏界面的绘制工作中，需要处理大量的工作，这些工作有很多共性的操作；并且对于游戏界面的切换，元素动作的处理，都已经有人做好了这些工作，并将其封装到框架中，其中Cocos2d-android就是这样一个框架。
Cocos2d实现游戏的绘制：
1、实现步骤：
首先来说，要想绘制出游戏界面，按照谷歌文档中的说明，需要实现两步操作：
①、所有的SurfaceView和SurfaceHolder.Callback，被UI Thread调用
也就是说需要接收用户的操作
②、确保所绘制的进程是有效的：
就要调用SurfaceHolder.Callback中的创建方法creat被调用和销毁方法destroy被调用
2、具体的实现：
1）、Cocos2d中有CCGLSurfaceView这个类，是继承于SurfaceView的，并实现了SurfaceHolder.Callback的接口。创建出这个对象，就有了绘制游戏界面的容器。
2）、绘制容器中的画面和元素，还要接受用户的操作；就需要将绘制的操作放在一个子线程中执行，UI Thread这个线程接收用户的操作；通过GLThread这个类实现不断的绘制界面的操作。
GLThread绘制线程的实现：
①、复写了run方法，在run方法中调用了GLThread自己的run方法：guardedRun
此方法中，通过while(true)不停的绘制，其中有相应的标记进行控制
绘制的方法：mRenderer.onDrawFrame(gl);【绘制一帧】
【void org.cocos2d.opengl.GLSurfaceView.Renderer.onDrawFrame(GL10 gl)】
②、Canvas和GL10这个接口如何进行处理绘制的：
在Canvas中，Bitmap和GL是互斥的，一个为null，另一个必须不为null
Cocos2d底层用到的是OpenGL的信息，所以方法中传递的是gl的接口
③、GLThread的开启：
@、在GLSurfaceView中的setRenderer方法中开启的：
mGLThread = new GLThread(renderer);
mGLThread.start();
@、在CCDirector（继承了GLSurfaceView.Renderer）的initOpenGLViewWithView方法中调用了setRenderer
@、的调用是由attachInView(View view)方法返回的
最终是由导演CCDirector进行调用，这是导演的第一个工作，
attachInView(View view)的作用是将导演和SurfaceView进行绑定，绑定时，将绘制线程开启起来
（3）由此，大致过程如下：
①、创建出CCGLSurfaceView（即对应的SurfaceView），设置显示setContentView(surfaceView)
②、紧随其后，创建出导演CCDirector【通过单例获取：director=CCDirector.sharedDirector();】
③、通过调用导演中的attachInView(surfaceView)，传入surfaceView：
这样就建立了CCDirector和SurfaceView之间的关系
并且还开启了绘制线程，进行绘制：
attachInView(View view)方法调用了initOpenGLViewWithView方法【都是导演中的方法】
initOpenGLViewWithView方法调用了setRenderer【开启绘制线程用的】
在setRenderer中创建了绘制线程，并开启起来
mGLThread = new GLThread(renderer);
mGLThread.start();
3、界面元素的展示：
上面的操作只是创建出界面，可以不断绘制界面中的内容，要想丰富界面，就需要添加元素到界面中。
Cocos2的架构：
①、Cocos2D Graphic图形引擎②、CocosDenshion Audio声音引擎③、物理引擎④、Lua脚本库
其中对于图形引擎，在Cocos2d中，绘制游戏就相当于在拍电影
由导演类CCDirector控制这个游戏元素的展现和消失；其中还包括场景类CCScene和精灵类CCSprite
说明：
1）CCDirector（导演）：
引擎的控制者，控制场景的切换，游戏引擎属性的设置 【管理整棵大树】
2）CCScene （场景）：场景类
例如游戏的闪屏，主菜单，游戏主界面等。 【类似于树根，树干】
3）CCLayer（布景）：图层类
每个图层都有自己的触发事件，该事件只能对其拥有的元素有效，而图层之上的元素所包含的元素，是不受其事件管理的【类似于树枝】
4）CCSprite（人物）：精灵类，
界面上显示的最小单元【类似于树叶】
5）CCNode：
引擎中最重要的元素，所有可以被绘制的东西都是派生于此。它可以包含其它CCNode，可以执行定时器操作，可以执行CCAction。
CCScene，CCLayer，CCSprite的父类
6）CCAction（动作）：动作类
如平移、缩放、旋转等动作
示例代码：
public class MainActivity extends Activity {
private CCDirector director;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//创建surfaceView
CCGLSurfaceView surfaceView = new CCGLSurfaceView(this);
setContentView(surfaceView);
//创建导演
director = CCDirector.sharedDirector();
/* 设置相关参数
*/
//横屏显示
director.setDeviceOrientation(CCDirector.kCCDeviceOrientationLandscapeLeft);
//设置屏幕大小
director.setScreenSize(480, 320);
//显示帧率
director.setDisplayFPS(true);
//①建立CCDirector和SurfaceView之间的关系；开启绘制线程
director.attachInView(surfaceView);
/*
* 管理显示内容
*/
//创建场景
CCScene scene = CCScene.node();
// FirstLayer layer = new FirstLayer();
// ActionLayer layer = new ActionLayer();
DemoLayer layer = new DemoLayer();
//添加场景中的layer
scene.addChild(layer);
director.runWithScene(scene);
}
@Override
protected void onResume() {
director.onResume();
super.onResume();
}
@Override
protected void onPause() {
director.onPause();
super.onPause();
}
@Override
protected void onDestroy() {
director.end();
super.onDestroy();
}
}
public class FirstLayer extends CCLayer {
private static final String TAG = "FristLayer";
private int count;
public FirstLayer(){
// 一个场景里面只能有一个layer可以处理用户的Touch
this.setIsTouchEnabled(true);
count = 0;
init();
}
/*
* 初始化
* 展示精灵并实现动画
*/
private void init() {
//创建精灵
CCSprite sprite = CCSprite.sprite("z_1_01.png");
this.addChild(sprite);
sprite.setAnchorPoint(0, 0);
CCSprite spritex = CCSprite.sprite("z_1_01.png");
spritex.setFlipX(true);
spritex.setAnchorPoint(0, 0);
spritex.setPosition(100, 0);
this.addChild(spritex, 0, 10);
CCSprite spritey = CCSprite.sprite("z_1_01.png");
spritey.setFlipY(true);
spritey.setAnchorPoint(0, 0);
spritey.setPosition(0, 100);
this.addChild(spritey);
}
@Override
public boolean ccTouchesBegan(MotionEvent event) {
// 坐标转换：将MotionEvent封装的手机屏幕坐标系的坐标信息转换成Cocos2D的坐标系
CGPoint touchPos= this.convertTouchToNodeSpace(event);
CCSprite sprite = (CCSprite) this.getChildByTag(10);
boolean containsPoint = CGRect.containsPoint(sprite.getBoundingBox(), touchPos);
if(containsPoint){
// sprite.setOpacity(new Random().nextInt(255));
// count++;
// sprite.setVertexZ(1.0f+count);//最大132？
// Log.i(TAG, "count=="+count);
//移除精灵
// sprite.removeSelf();
//隐藏精灵
sprite.setVisible(false);
/*
* Tips:此处不能使用sprite.removeSelf();
* 否则在第二次点击的时候，就会挂掉，因为再次点击的时候，精灵已经从layer中移除出去了
*/
}
return super.ccTouchesBegan(event);
}
}
UML设计，可以设计程序的用例图、类图、活动图等_SurfaceView