C++是如何從代碼到游戲的

這個(gè)簡(jiǎn)單啊。

你既然問C++了，那我問你，現(xiàn)在，我有一個(gè)Student類。C++怎么創(chuàng)建一個(gè)學(xué)生類的對(duì)象？

// 嗯我會(huì)！有兩種方式：
Student s;
Student *s2 = new Student("張三");

那好，現(xiàn)在這學(xué)生的行為有：吃飯，睡覺，上網(wǎng)課?，F(xiàn)在你執(zhí)行個(gè)上網(wǎng)課的行為，怎么做？

// 簡(jiǎn)單啊
s2->upNetworkClass();

通過對(duì)象調(diào)用成員函數(shù)不就成了么。

嗯，上面的代碼在學(xué)校里都寫過吧？有這個(gè)基礎(chǔ)就夠了。

那游戲是啥？無非是一堆圖形堆疊唄，把上面的Student類換成窗體類，換成控件類，換成游戲中不同的元素類，然后再組合起來不就完了么。

吶現(xiàn)在，我告訴你，有一個(gè)窗體類，叫QWidget，它有一個(gè)行為叫show，可以顯示窗體。你給我生成一個(gè)窗體并顯示出來。那就照葫蘆畫瓢唄：

QWidget *w = new QWidget();
w->show();

來我們看看效果：

呀，有點(diǎn)意思哈？但是這距離游戲還差遠(yuǎn)呢啊。你這窗體也太丑了不是。

沒事，窗體丑不要緊，我們給她美化一下！

TDWidget * w = new TDWidget(":/img/welcome.png");
w->show();

QWidget換成了TDWidget，構(gòu)造函數(shù)里傳了一張圖片，沒超綱吧。再看看效果：

誒？事情好像開始變得有趣了起來？

但還是不夠，我這是游戲，要交互的！你這一張死圖能干啥。

交互嘛！加個(gè)按鈕不完了？我給你一個(gè)按鈕類，這個(gè)類有一個(gè)move()行為，可以把自己移動(dòng)到畫面的任何地方。你知道你想要的按鈕怎么來了嗎？

QPushButton * btn = new QPushButton("按鈕",w); //第二個(gè)參數(shù)代表它屬于哪個(gè)窗體，如果不寫，它就會(huì)生成在屏幕上而不是窗體里
btn->move(330,450);

瞅瞅：

em.......你這按鈕，有是有，畫風(fēng)有點(diǎn)突兀了吧。

沒事，再美化一下嘛：

TDPushButton *btn = new TDPushButton(
   ":/img/begin_normal.png", // 常規(guī)圖片
   ":/img/begin_hover.png", // 鼠標(biāo)懸停的圖片
   ":/img/begin_press.png", // 鼠標(biāo)按下的圖片
   w);    // 父控件
btn->move(330,450);

效果：

呀 可以啊?？炜炜?，然后呢，點(diǎn)開始游戲，進(jìn)入游戲界面！這個(gè)咋做？

嗯.....其實(shí)界面切換你自己已經(jīng)會(huì)了。

你這個(gè)界面不就是一個(gè)窗體，想切換界面的話.....你把這個(gè)窗體關(guān)了，再換張圖片開一個(gè)新的不就完了。

新的窗體用一張傳新的圖片做背景，我再順手給加上四個(gè)按鈕，代碼不貼了，就是上面的代碼復(fù)制粘貼改改坐標(biāo)，改改圖片：

接下來就是游戲的主體部分了，也巨簡(jiǎn)單，有圖就行：

TDMenuButton *btn1 = new TDMenuButton(":/img/1_normal.png",":/img/1_hover.png",":/img/1_selected.png",this);
btn1->move(100,100);
TDMenuButton *btn2 = new TDMenuButton(":/img/1_normal.png",":/img/1_hover.png",":/img/1_selected.png",this);
btn2->move(165,100);
TDMenuButton *btn3 = new TDMenuButton(":/img/1_normal.png",":/img/1_hover.png",":/img/1_selected.png",this);
btn3->move(100,165);

三個(gè)按鈕，和上面的TDPushButton沒區(qū)別，就是換成了TDMenuButton對(duì)不對(duì)，沒超綱吧。

只要你的圖片夠美，就能生成這樣：

一個(gè)按鈕會(huì)寫，三個(gè)按鈕也會(huì)寫，既然學(xué)了點(diǎn)C++都想做游戲了，循環(huán)總會(huì)寫吧：

 for(int i = 0; i < 11 ; i++)
 {
  for(int j = 0; j < 6; j++)
  {
   TDMenuButton * btn = new TDMenuButton(":/img/1_normal.png",":/img/1_hover.png",":/img/1_selected.png",this);
   btn->move(100+i*65,100+j*65);
  }
 }

效果：（密恐福利）

這.....怎么還有點(diǎn)一言難盡呢......

循環(huán)會(huì)寫，隨機(jī)數(shù)會(huì)寫嗎？隨機(jī)個(gè)頭像行嗎？

嗯......這下終于像點(diǎn)樣了。

最后再加億點(diǎn)點(diǎn)核心邏輯：點(diǎn)擊兩個(gè)相同的圖片，判斷它能不能連通，如果能連通，就把這兩個(gè)按鈕直接delete掉，效果就是醬紫：

就是這樣咯，從你學(xué)過的C++基礎(chǔ)語法，結(jié)合現(xiàn)有的框架控件，就可以擼這樣一個(gè)簡(jiǎn)單的連連看。

當(dāng)然了，為了點(diǎn)燃你題目里想要的學(xué)習(xí)熱情，我故意避開一些以你現(xiàn)有知識(shí)可能聽不懂的部分，還有一些邏輯比較繞的部分。比如：

避開了注冊(cè)按鈕的回調(diào)，

避開了隨機(jī)生成圖片的時(shí)候要保證成對(duì)出現(xiàn)的算法，

避開了把這些按鈕和數(shù)據(jù)做關(guān)聯(lián)，

避開了如何通過數(shù)據(jù)計(jì)算兩點(diǎn)能否連通，

等等

但這都不重要，不妨礙你簡(jiǎn)單體驗(yàn)一下C++是如何從代碼到游戲的這個(gè)過程。

分割線

從圖片素材上你們也看出來了，這代碼是兩三年前的，那個(gè)時(shí)候還在做培訓(xùn)機(jī)構(gòu)的輔導(dǎo)老師，學(xué)生們愛打游戲，不好好上課，就做的這個(gè)上課帶她們寫：

https://github.com/TheThreeDog/PictureMatching

因?yàn)楸旧砦也淮驑s耀，所以里面的頭像確實(shí)一個(gè)也不認(rèn)識(shí)，都是那時(shí)候?yàn)榱斯匆龑W(xué)生好好上課，現(xiàn)在游戲里的頭像應(yīng)該有不少都更新好幾茬兒了。

這個(gè)玩意兒是用Qt C++寫的。因?yàn)楸旧韺?duì)幀率沒什么要求，所以基于Qt就可以搞。如果要玩一些真正的游戲（畫面需要幀率級(jí)別的刷新的），一定要上游戲引擎寫的。cocos2d unity3d 什么的。

當(dāng)然，我上面說游戲無非是一堆圖形堆疊唄只是為了講解故意壓低一下難度，真正的游戲開發(fā)是非常復(fù)雜龐大的。

這個(gè)小項(xiàng)目確實(shí)像上面寫的一樣，用了大量的TD開頭的控件。這個(gè)源自于我的一個(gè)開源框架叫做TD-Framework

http://www.threedog.top/

因?yàn)槲医腥?jí)狗（ThreeDog）所以控件普遍用TD開頭。Qt本身沒有提供這種直接用圖片構(gòu)造控件的方法，所以就自己造了一些。

寫下它的時(shí)候還是大四剛畢業(yè)，那時(shí)候我還把這玩意兒叫框架，現(xiàn)在... 我覺得還是叫玩具更合適些：跨平臺(tái)編譯不過，函數(shù)指針強(qiáng)轉(zhuǎn)有問題，代碼也寫的亂七八糟....