cocos2d-android-1 生成动画,Cocos2D-Android-1之源码详解：8.DrawPrimitivesTest

Cocos2D-Android-1之源码详解：8.DrawPrimitivesTest

发布时间：2020-09-21 05:06:42

来源：51CTO

阅读：369

作者：abab99

package org.cocos2d.tests;

import javax.microedition.khronos.opengles.GL10;

import org.cocos2d.actions.interval.CCRotateBy;

import org.cocos2d.config.ccMacros;

import org.cocos2d.layers.CCLayer;

import org.cocos2d.layers.CCScene;

import org.cocos2d.menus.CCMenu;

import org.cocos2d.menus.CCMenuItemImage;

import org.cocos2d.nodes.CCDirector;

import org.cocos2d.opengl.CCDrawingPrimitives;

import org.cocos2d.opengl.CCGLSurfaceView;

import org.cocos2d.types.CGPoint;

import org.cocos2d.types.CGSize;

import android.app.Activity;

import android.os.Bundle;

import android.view.Window;

import android.view.WindowManager;

public class DrawPrimitivesTest extends Activity {//绘画原语测试

// private static final String LOG_TAG = DrawPrimitivesTest.class.getSimpleName();

private CCGLSurfaceView mGLSurfaceView;//建立view

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);//3个设置//同之前

getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,

WindowManager.LayoutParams.FLAG_FULLSCREEN);

getWindow().setFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON,

WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);

mGLSurfaceView = new CCGLSurfaceView(this);//创建surface

setContentView(mGLSurfaceView);//映射view

// attach the OpenGL view to a window

CCDirector.sharedDirector().attachInView(mGLSurfaceView);//把view给导演类

// set landscape mode

CCDirector.sharedDirector().setLandscape(false);//不横屏

// show FPS

CCDirector.sharedDirector().setDisplayFPS(true);//实时显示每秒多少帧

// frames per second

CCDirector.sharedDirector().setAnimationInterval(1.0f / 60);//标定显示多少帧

CCScene scene = CCScene.node();

scene.addChild(nextAction());//创建节点

scene.runAction(CCRotateBy.action(4, -360));//旋转-360度，在4秒钟

// Make the Scene active

CCDirector.sharedDirector().runWithScene(scene);//导演开始把图层上面的元素给view来演

}

@Override

public void onStart() {//下面3个老方法不赘述

super.onStart();

}

@Override

public void onPause() {

super.onPause();

CCDirector.sharedDirector().onPause();

}

@Override

public void onResume() {

super.onResume();

CCDirector.sharedDirector().onResume();

}

@Override

public void onDestroy() {

super.onDestroy();

CCDirector.sharedDirector().end();

// CCTextureCache.sharedTextureCache().removeAllTextures();

}

static int sceneIdx = -1;

static Class> transitions[] = {//只有一个...还用个数组..

Test1.class,

};

public static CCLayer nextAction() {

sceneIdx++;

sceneIdx = sceneIdx % transitions.length;

return restartAction();

}

public static CCLayer backAction() {

sceneIdx--;

int total = transitions.length;

if (sceneIdx < 0)

sceneIdx += total;

return restartAction();

}

public static CCLayer restartAction() {//重新返回一个这个实例

try {

Class> c = transitions[sceneIdx];

return (CCLayer) c.newInstance();

} catch (Exception e) {

return null;

}

}

public static class TestDemo extends CCLayer {//测试

public TestDemo() {

CGSize s = CCDirector.sharedDirector().winSize();//得到大小

CCMenuItemImage item1 = CCMenuItemImage.item("b1.png", "b2.png", this, "backCallback");//第一个菜单项目，其实是个按钮，第一个是没按，第二个是按下，然后是this里的方法，然后方法名字是最后一个参数，java有反射机制，所以他才敢这样写..但是这样不好混淆，后面2个按钮同理

CCMenuItemImage item2 = CCMenuItemImage.item("r1.png", "r2.png", this, "restartCallback");

CCMenuItemImage item3 = CCMenuItemImage.item("f1.png", "f2.png", this, "nextCallback");

CCMenu menu = CCMenu.menu(item1, item2, item3);//把这3个菜单项的按钮放进一个菜单

menu.setPosition(CGPoint.make(0, 0));//给菜单设置位置，0.0就是在原点..

item1.setPosition(CGPoint.make(s.width / 2 - 100, 30));//只要按钮项目设对就行了，所以菜单的坐标就只是个0.0

item2.setPosition(CGPoint.make(s.width / 2, 30));

item3.setPosition(CGPoint.make(s.width / 2 + 100, 30));

addChild(menu, -1);//最后把菜单作为activity的子类，而且显示顺序是-1，有可能被遮挡的

}

/*

* After setting the screen orientation to landscape,

*   the Activity will be restarted, so it seems we should not call setLandscape here

*  this is a bug, we should make full use of android's capability, but not partly.

*/

public void restartCallback(Object sender) {//重新加载，并切换观景模式，横竖屏

boolean landscape = CCDirector.sharedDirector().getLandscape();//得到观景模式

CCDirector.sharedDirector().setLandscape(!landscape);//切换观景模式

CCScene s = CCScene.node();//生成图层节点

s.addChild(restartAction());

CCDirector.sharedDirector().runWithScene(s);//开始画这个图层

}

public void nextCallback(Object sender) {//执行下一个class并切换观景模式

boolean landscape = CCDirector.sharedDirector().getLandscape();

CCDirector.sharedDirector().setLandscape(!landscape);

CCScene s = CCScene.node();

s.addChild(nextAction());

CCDirector.sharedDirector().runWithScene(s);

}

public void backCallback(Object sender) {//执行上一个切换观景模式

boolean landscape = CCDirector.sharedDirector().getLandscape();

CCDirector.sharedDirector().setLandscape(!landscape);

CCScene s = CCScene.node();

s.addChild(backAction());

CCDirector.sharedDirector().runWithScene(s);

}

String title() {

return "No title";

}

}

public static class Test1 extends TestDemo {//测试1

public static CCLayer node() {

return new Test1();

}

//

// TIP:

// Every CocosNode has a "draw" method.

// In the "draw" method you put all the code that actually draws your node.

// And Test1 is a subclass of TestDemo, which is a subclass of Layer, which is a subclass of CocosNode.

//

// As you can see the drawing primitives aren't CocosNode objects. They are just helper

// functions that let's you draw basic things like: points, line, polygons and circles.

//

//

// TIP:

// Don't draw your stuff outside the "draw" method. Otherwise it won't get transformed.

//

//

// TIP:

// If you want to rotate/translate/scale a circle or any other "primtive", you can do it by rotating

// the node. eg:

//    this.rotation = 90;

//

public void draw(GL10 gl) {//一个绘画类

CGSize s = CCDirector.sharedDirector().winSize();//还是得到屏幕大小

// draw a simple line

// The default state is:

// Line Width: 1

// color: 255,255,255,255 (white, non-transparent)

// Anti-Aliased

gl.glEnable(GL10.GL_LINE_SMOOTH);//设置线平滑模式

CCDrawingPrimitives.ccDrawLine(gl, CGPoint.ccp(0, 0), CGPoint.ccp(s.width, s.height));//运用绘画基元来画线

// line: color, width, aliased

// glLineWidth > 1 and GL_LINE_SMOOTH are not compatible

// GL_SMOOTH_LINE_WIDTH_RANGE = (1,1) on iPhone

gl.glDisable(GL10.GL_LINE_SMOOTH);//撤销平滑线模式

gl.glLineWidth(5.0f);//设置线宽5.0

gl.glColor4f(1.0f, 0.0f, 0.0f, 1.0f);//设置颜色

CCDrawingPrimitives.ccDrawLine(gl, CGPoint.ccp(0, s.height), CGPoint.ccp(s.width, 0));//然后又是基元绘画线

// TIP:

// If you are going to use always the same color or width, you don't

// need to call it before every draw

//

// Remember: OpenGL is a state-machine.

// draw big point in the center

gl.glPointSize(64);//设置点大小

gl.glColor4f(0.0f, 0.0f, 1.0f, 0.5f);//基元颜色

CCDrawingPrimitives.ccDrawPoint(gl, CGPoint.make(s.width / 2, s.height / 2));//基元绘画，画点

// draw 4 small points

CGPoint points[] = {CGPoint.ccp(60, 60), CGPoint.ccp(70, 70), CGPoint.ccp(60, 70), CGPoint.ccp(70, 60)};//点数组

gl.glPointSize(4);//设置点大小

gl.glColor4f(0.0f, 1.0f, 1.0f, 1.0f);//基元颜色

CCDrawingPrimitives.ccDrawPoints(gl, points, 4);//基元画点

// draw a green circle with 10 segments

gl.glLineWidth(16);//设置线宽

gl.glColor4f(0.0f, 1.0f, 0.0f, 1.0f);//基元颜色

CCDrawingPrimitives.ccDrawCircle(gl, CGPoint.make(s.width / 2, s.height / 2), 100, 0, 10, false);//基元画线

// draw a green circle with 50 segments with line to center

gl.glLineWidth(2);//设置线宽

gl.glColor4f(0.0f, 1.0f, 1.0f, 1.0f);//颜色

CCDrawingPrimitives.ccDrawCircle(gl, CGPoint.make(s.width / 2, s.height / 2), 50, ccMacros.CC_DEGREES_TO_RADIANS(90), 50, true);//基元画圆..，参数：基元，中心点坐标，半径，弧度值(参数是角度)，段数，是否画线到圆心

// open yellow poly

gl.glColor4f(1.0f, 1.0f, 0.0f, 1.0f);//设置颜色

gl.glLineWidth(10);//设置线宽

CGPoint vertices[] = {CGPoint.ccp(0, 0), CGPoint.ccp(50, 50), CGPoint.ccp(100, 50), CGPoint.ccp(100, 100), CGPoint.ccp(50, 100)};//设置点数组

CCDrawingPrimitives.ccDrawPoly(gl, vertices, 5, false);//绘制多边形

// closed purple poly

gl.glColor4f(1.0f, 0.0f, 1.0f, 1.0f);//颜色

gl.glLineWidth(2);//线宽

CGPoint vertices2[] = {CGPoint.ccp(30, 130), CGPoint.ccp(30, 230), CGPoint.ccp(50, 200)};//点数组

CCDrawingPrimitives.ccDrawPoly(gl, vertices2, 3, true);//多边形

// draw quad bezier path

CCDrawingPrimitives.ccDrawQuadBezier(gl, CGPoint.make(0,s.height), CGPoint.make(s.width/2,s.height/2), CGPoint.make(s.width, s.height), 50);//绘制班塞尔曲线...一种计算机用来画曲线的曲线，，参数：起点，控点，结束点，顶点数

// draw cubic bezier path

CCDrawingPrimitives.ccDrawCubicBezier(gl, CGPoint.make(s.width/2, s.height/2), CGPoint.make(s.width/2+30, s.height/2+50),

CGPoint.make(s.width/2+60, s.height/2-50), CGPoint.make(s.width, s.height/2),100);//绘制立体贝塞尔曲线。更高端了，参数：起点，控点1，控点2，结束点，顶点数..

// restore original values//基元恢复数据

gl.glLineWidth(1);//线宽1

gl.glColor4f(1.0f, 1.0f, 1.0f, 1.0f);//颜色黑

gl.glPointSize(1);//点大小1

}

public String title() {

return "draw primitives";

}

}

}