作者 | 帝都高級待業專家
來源 | 帝都高級待業專家（ID：ThreeDog521）
C++是如何從代碼到遊戲的？
這個簡單啊。
你既然問C++了，那我問你，現在，我有一個Student類。C++怎麼創建一個學生類的對象？
// 嗯我會！有兩種方式：
Student s;
Student *s2 = new Student("張三");
那好，現在這學生的行為有：吃飯，睡覺，上網課。現在你執行個上網課的行為，怎麼做？
// 簡單啊
s2->upNetworkClass;
通過對象調用成員函數不就成了麼。
嗯，上面的代碼在學校裡都寫過吧？有這個基礎就夠了。
那遊戲是啥？無非是一堆圖形堆疊唄，把上面的Student類換成窗體類，換成控件類，換成遊戲中不同的元素類，然後再組合起來不就完了麼。
吶現在，我告訴你，有一個窗體類，叫QWidget，它有一個行為叫show，可以顯示窗體。你給我生成一個窗體並顯示出來。那就照葫蘆畫瓢唄：
QWidget *w = new QWidget;
w->show;
來我們看看效果：
呀，有點意思哈？但是這距離遊戲還差遠呢啊。你這窗體也太醜了不是。
沒事，窗體醜不要緊，我們給她美化一下！
TDWidget * w = new TDWidget(":/img/welcome.png");
w->show;QWidget換成了TDWidget，構造函數里傳了一張圖片，沒超綱吧。再看看效果：
誒？事情好像開始變得有趣了起來？
但還是不夠，我這是遊戲，要交互的！你這一張死圖能幹啥。
交互嘛！加個按鈕不完了？我給你一個按鈕類，這個類有一個move行為，可以把自己移動到畫面的任何地方。你知道你想要的按鈕怎麼來了嗎？
QPushButton * btn = new QPushButton("按鈕",w); //第二個參數代表它屬於哪個窗體，如果不寫，它就會生成在屏幕上而不是窗體裡
btn->move(330,450);瞅瞅：
em.......你這按鈕，有是有，畫風有點突兀了吧。
沒事，再美化一下嘛：
TDPushButton *btn = new TDPushButton(
":/img/begin_normal.png", // 常規圖片
":/img/begin_hover.png", // 鼠標懸停的圖片
":/img/begin_press.png", // 鼠標按下的圖片
w); // 父控件
btn->move(330,450);
效果：
呀 可以啊。快快快，然後呢，點開始遊戲，進入遊戲界面！這個咋做？
嗯.....其實界面切換你自己已經會了。
你這個界面不就是一個窗體，想切換界面的話.....你把這個窗體關了，再換張圖片開一個新的不就完了。
新的窗體用一張傳新的圖片做背景，我再順手給加上四個按鈕，代碼不貼了，就是上面的代碼複製粘貼改改座標，改改圖片：
接下來就是遊戲的主體部分了，也巨簡單，有圖就行：
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沒區別，就是換成了TDMenuButton對不對，沒超綱吧。
只要你的圖片夠美，就能生成這樣：
一個按鈕會寫，三個按鈕也會寫，既然學了點C++都想做遊戲了，循環總會寫吧：
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);
}
}
效果：（密恐福利）
這.....怎麼還有點一言難盡呢......
循環會寫，隨機數會寫嗎？隨機個頭像行嗎？
嗯......這下終於像點樣了。
最後再加億點點核心邏輯：點擊兩個相同的圖片，判斷它能不能連通，如果能連通，就把這兩個按鈕直接delete掉，效果就是醬紫：
就是這樣咯，從你學過的C++基礎語法，結合現有的框架控件，就可以擼這樣一個簡單的連連看。
當然了，為了點燃你題目裡想要的學習熱情，我故意避開一些以你現有知識可能聽不懂的部分，還有一些邏輯比較繞的部分。比如：
避開了註冊按鈕的回調，
避開了隨機生成圖片的時候要保證成對出現的算法，
避開了把這些按鈕和數據做關聯，
避開了如何通過數據計算兩點能否連通，
等等
但這都不重要，不妨礙你簡單體驗一下C++是如何從代碼到遊戲的這個過程。
從圖片素材上你們也看出來了，這代碼是兩三年前的，那個時候還在做培訓機構的輔導老師，學生們愛打遊戲，不好好上課，就做的這個上課帶她們寫：
https://github.com/TheThreeDog/PictureMatching
因為本身我不打榮耀，所以裡面的頭像確實一個也不認識，都是那時候為了勾引學生好好上課，現在遊戲裡的頭像應該有不少都更新好幾茬兒了。
這個玩意兒是用Qt C++寫的。因為本身對幀率沒什麼要求，所以基於Qt就可以搞。如果要玩一些真正的遊戲（畫面需要幀率級別的刷新的），一定要上游戲引擎寫的。cocos2d unity3d 什麼的。
當然，我上面說遊戲無非是一堆圖形堆疊唄只是為了講解故意壓低一下難度，真正的遊戲開發是非常複雜龐大的。
這個小項目確實像上面寫的一樣，用了大量的TD開頭的控件。這個源自於我的一個開源框架叫做TD-Framework
http://www.threedog.top/
因為我叫三級狗（ThreeDog）所以控件普遍用TD開頭。Qt本身沒有提供這種直接用圖片構造控件的方法，所以就自己造了一些。
寫下它的時候還是大四剛畢業，那時候我還把這玩意兒叫框架，現在……我覺得還是叫玩具更合適些：跨平臺編譯不過，函數指針強轉有問題，代碼也寫的亂七八糟……
內容來源作者知乎：
C++到底是如何從代碼到遊戲的？- 三級狗的回答 - 知乎 https://www.zhihu.com/question/385197253/answer/1170395776
今日福利
遇見大咖
由 CSDN 全新專為技術人打造的高端對話欄目《大咖來了》來啦！
CSDN 創始人&董事長、極客幫創投創始合夥人蔣濤攜手京東集團技術副總裁、IEEE Fellow、京東人工智能研究院常務副院長、深度學習及語音和語言實驗室負責人何曉冬，來也科技 CTO 胡一川，共話中國 AI 應用元年來了，開發者及企業的路徑及發展方向！
閱讀更多 CSDN程序人生 的文章
