1小時制作人氣游戲《四色方塊》

hello,遇見好多好多萌新吞琐,心情好好捆探。

前些天 yada給我推薦了一個游戲《四色方塊》,《四色方塊》是獨立開發(fā)者xxpsoft最新開發(fā)的一款極具創(chuàng)意的休閑安卓游戲:

游戲中點擊屏幕讓方塊旋轉對應上面掉下的同色小球即是游戲的全部精華站粟。

下載量也是非常的高:

效果:

這個游戲真的非常簡單黍图,但是還是可以用來練練手,再次熟悉類和對象和一些設計技巧奴烙。

現(xiàn)在就來教你如何開發(fā)屬于自己的 《四色方塊》助被。

首先剖张,得來分析一下,游戲的原理恰起,再確定如何開發(fā)修械。

1,小球從上往下落下检盼,并在最高處時會隨機改變小球的顏色

2肯污,底下的方塊分兩個方向旋轉

3,小球顏色與方塊顏色要一致吨枉,否則游戲失敗蹦渣。。

貌亭。柬唯。。圃庭。锄奢。。剧腻。等等拘央。

這里先想好如何檢測,方塊與小球顏色是否一致的书在。

這里的方塊并不是用四個三角形組成的灰伟,檢測的時候也不是檢測它與小球的顏色是否相同。

這里的方案是儒旬,通過栏账,小球每個index與方塊每個三角面的顏色index是否對應相等來判斷游戲是否正常進行。

現(xiàn)在為下落的小球寫一個類:(下面是主要的方法和數(shù)據(jù))

定義:

public:

?CREATE_FUNC(Ball);//創(chuàng)建方法

?virtual?bool?init();//初始化方法栈源,用與初始化小球顏色和index

?void?change();//改變小球顏色

?int??getColorIndex();//外部獲取到index

private:

?ImageView*ball;//小球對象

?int?colorindex;//index

實現(xiàn):

bool?Ball::init(){

?ball=ImageView::create("ballone.png");//初始化小球

?this->setAnchorPoint(Point(0.5,0.5));

?this->setContentSize(ball->getContentSize());

?ball->setPosition(this->getContentSize()/2);

?this->addChild(ball);

?this->colorindex=1;//index初始化為1

?return?true;

}

void?Ball::change(){

//這里通過生成0-4的隨機數(shù)挡爵,決定小球隨機顏色,同時設置相應的index

?auto?c=CCRANDOM_0_1()*4;


?if(c>0&&c<=1){


?ball->loadTexture("ballone.png");

?this->colorindex=1;

? ? }


?if(c>1&&c<=2){


?ball->loadTexture("balltwo.png");

?this->colorindex=2;

? ? }

?if(c>2&&c<=3){


?ball->loadTexture("ballthree.png");

?this->colorindex=3;

? ? }

?if(c>3&&c<=4){


?ball->loadTexture("ballfour.png");

?this->colorindex=4;

? ? }



}

int?Ball::getColorIndex(){

? return ??this->colorindex;//返回該index

}

方塊:

定義:

下面是方塊的一些重要方法是屬性甚垦。

?CREATE_FUNC(BoxSp);

?virtual?bool?init();

?void?Roll();//右方向轉

?void?RollR();//左方向轉

?int?getIndex();//返回index


private:

?int?index;


? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?實現(xiàn):

bool?BoxSp::init(){

?this->initWithFile("coi.png");

?this->setScale(0.6);

?this->index=1;

?return?true;

}

//下面的判斷是茶鹃,如果剛開始就向右轉,那么index為4的三角面就朝上制轰。

void?BoxSp::Roll(){

?if(this->index==1){

?this->index=4;

? ? }

?auto?c=RotateBy::create(0.02,?90);

?this->runAction(c);

?this->index--;//index往下減前计,分別對應每一個90度后的顏色的index胞谭。

}

void?BoxSp::RollR(){

//下面的判斷是垃杖,如果向左轉的時候index為4的三角面朝上,這里就是控制自加丈屹,或者自減后调俘,index始終控制在1--4之間伶棒。

?if(this->index==4){


?this->index=1;


? ? }


?auto?c=RotateBy::create(0.02, -90);

?this->runAction(c);

?this->index++;

}

int?BoxSp::getIndex(){

?return?this->index;

}

使用:

? ??score=0;//分數(shù)

?label=LabelTTF::create("0",?"Arial",?30);//分數(shù)便箋

?label->setPosition(Point(400,400));

?this->addChild(label,10);

auto?bac=Sprite::create("background.jpg");

? ? bac->setScale(0.4);

?this->addChild(bac);

?box=BoxSp::create();//創(chuàng)建方塊

?box->setPosition(Point(400,100));

?this->addChild(box);

?ball=Ball::create();//創(chuàng)建小球

?ball->setPosition(Point(400,400));

?this->addChild(ball);

下面代碼的圖解,小球往下掉路前彩库,先進行顏色的改變肤无,掉落到方塊面上就進行檢測,看是否三角面的顏色與小球相同骇钦,然后小球往上回到起點宛渐,由此反復,直到游戲結束眯搭。

1小時制作人氣游戲《四色方塊》

?auto?ac1=MoveTo::create(1,?Point(400,150));

?auto?ac2=CallFunc::create(CC_CALLBACK_0(TestScene::callC,this));

?auto?ac3=CallFunc::create(CC_CALLBACK_0(TestScene::callE,this));

?auto?ac4=MoveTo::create(1.5,Point(400,400));


?auto?seq=Sequence::create(ac2,EaseElasticIn::create?(ac1,1),ac3,EaseElasticOut::create?(ac4,1),NULL);

?ball->runAction(RepeatForever::create(seq));

void?TestScene::callC(){

?ball->change();

}

觸摸事件的時候窥翩,把屏幕分為左和右,點擊不同側鳞仙,表示方塊往不同的方向轉動寇蚊。

bool?TestScene::onTouchBegan(Touch*touch,?Event*event){


?auto?c=touch->getLocation();

?if(c.x>400){


?box->Roll();



? ? }else{


?box->RollR();

? ? }



?return?true;

}

改變顏色:

void?TestScene::callC(){

?ball->change();

}

檢測:

void?TestScene::callE(){

?auto?i=box->getIndex();

?auto?j=ball->getColorIndex();

?log("%i",j);

?check(i, j);


}

//通過獲取來的index判斷是否為同一顏色。

void?TestScene::check(int?a,int?b){

?if(a==b){

?score++;

?label->setString(__String::createWithFormat("%i",score)->getCString());//寫入分數(shù)

? ? }else{


?label->setString("gameover");


? ? }

}

擴展:

游戲可不是那么簡單就完成的棍好,游戲中的速度還是會不斷的加快仗岸,方塊的個數(shù)和小球的個數(shù)會逐漸變?yōu)閮蓚€。

這些就交給你們自己去實現(xiàn)吧借笙。

往后的故事:

歡迎關注日宅記~

祝假期愉快~

拜~

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末扒怖,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子提澎,更是在濱河造成了極大的恐慌姚垃,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盼忌,死亡現(xiàn)場離奇詭異积糯,居然都是意外死亡,警方通過查閱死者的電腦和手機谦纱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進店門看成,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人跨嘉,你說我怎么就攤上這事川慌。” “怎么了祠乃?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵梦重,是天一觀的道長。 經常有香客問我亮瓷,道長琴拧,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任嘱支,我火速辦了婚禮蚓胸,結果婚禮上挣饥,老公的妹妹穿的比我還像新娘。我一直安慰自己沛膳,他們只是感情好扔枫,可當我...
    茶點故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著锹安,像睡著了一般短荐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上叹哭,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天搓侄,我揣著相機與錄音,去河邊找鬼话速。 笑死讶踪,一個胖子當著我的面吹牛,可吹牛的內容都是我干的泊交。 我是一名探鬼主播乳讥,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼廓俭!你這毒婦竟也來了云石?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤研乒,失蹤者是張志新(化名)和其女友劉穎汹忠,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體雹熬,經...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡宽菜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了竿报。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片铅乡。...
    茶點故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖烈菌,靈堂內的尸體忽然破棺而出阵幸,到底是詐尸還是另有隱情,我是刑警寧澤芽世,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布挚赊,位于F島的核電站,受9級特大地震影響济瓢,放射性物質發(fā)生泄漏荠割。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一葬荷、第九天 我趴在偏房一處隱蔽的房頂上張望涨共。 院中可真熱鬧,春花似錦宠漩、人聲如沸举反。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽火鼻。三九已至,卻和暖如春雕崩,著一層夾襖步出監(jiān)牢的瞬間魁索,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工盼铁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留粗蔚,地道東北人。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓饶火,卻偏偏與公主長得像鹏控,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子肤寝,可洞房花燭夜當晚...
    茶點故事閱讀 45,044評論 2 355

推薦閱讀更多精彩內容