C 是如何從代碼到游戲的

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

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

//?嗯我會(huì)！有兩種方式：
Student?s;
Student?*s2?=?new?Student("張三");
那好，現(xiàn)在這學(xué)生的行為有：吃飯，睡覺(jué)，上網(wǎng)課?，F(xiàn)在你執(zhí)行個(gè)上網(wǎng)課的行為，怎么做？

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


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

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

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

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

QWidget?*w?=?new?QWidget();
w->show();
來(lái)我們看看效果：

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

沒(méi)事，窗體丑不要緊，我們給她美化一下！

TDWidget * w = new TDWidget(":/img/welcome.png");
w->show();
QWidget換成了TDWidget，構(gòu)造函數(shù)里傳了一張圖片，沒(méi)超綱吧。再看看效果：

誒？事情好像開(kāi)始變得有趣了起來(lái)？

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

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

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

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

沒(méi)事，再美化一下嘛：

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)開(kāi)始游戲，進(jìn)入游戲界面！這個(gè)咋做？

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

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

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

接下來(lái)就是游戲的主體部分了，也巨簡(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沒(méi)區(qū)別，就是換成了TDMenuButton對(duì)不對(duì)，沒(méi)超綱吧。

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

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

?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ì)寫(xiě)，隨機(jī)數(shù)會(huì)寫(xiě)嗎？隨機(jī)個(gè)頭像行嗎？

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

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

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

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

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

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

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

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

等等

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

分割線

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

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 寫(xiě)的。因?yàn)楸旧韺?duì)幀率沒(méi)什么要求，所以基于Qt就可以搞。如果要玩一些真正的游戲（畫(huà)面需要幀率級(jí)別的刷新的），一定要上游戲引擎寫(xiě)的。cocos2d unity3d 什么的。

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

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

http://www.threedog.top/

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

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