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

這個簡單啊。

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

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

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

// 簡單啊
s2->upNetworkClass();

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

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

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

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

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

來我們看看效果：

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

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

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

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

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

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

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

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

瞅瞅：

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

沒事，再美化一下嘛：

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

效果：

呀 可以啊。快快快，然后呢，點開始游戲，進入游戲界面！這個咋做？

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

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

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

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

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);

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

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

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

 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);
  }
 }

效果：（密恐福利）

這.....怎么還有點一言難盡呢......

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

嗯......這下終于像點樣了。

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

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

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

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

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

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

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

等等

但這都不重要，不妨礙你簡單體驗一下C++是如何從代碼到游戲的這個過程。

分割線

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

https://github.com/TheThreeDog/PictureMatching

因為本身我不打榮耀，所以里面的頭像確實一個也不認識，都是那時候為了勾引學(xué)生好好上課，現(xiàn)在游戲里的頭像應(yīng)該有不少都更新好幾茬兒了。

這個玩意兒是用Qt C++寫的。因為本身對幀率沒什么要求，所以基于Qt就可以搞。如果要玩一些真正的游戲（畫面需要幀率級別的刷新的），一定要上游戲引擎寫的。cocos2d unity3d 什么的。

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

這個小項目確實像上面寫的一樣，用了大量的TD開頭的控件。這個源自于我的一個開源框架叫做TD-Framework

http://www.threedog.top/

因為我叫三級狗（ThreeDog）所以控件普遍用TD開頭。Qt本身沒有提供這種直接用圖片構(gòu)造控件的方法，所以就自己造了一些。

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