カジュアルメカニクス

habrahabrでは、3Dグラフィックスの実施からネットワークプロトコルの作成まで、さまざまな側面からゲーム作成プロセスを説明する試みが定期的に行われています。 これらのトピックは確かに重要ですが、かなり狭いものです。 この記事では、より広範なアプローチを使用してみます-いわゆるゲームエンジンを作成する原理を検討します カジュアルゲーム。 説明されたメカニズムは、あらゆる種類のパックマン、アルカノイド、プラットフォーマーなどを作成するのに非常に適しています。プロセスの説明は、原始的なスクロールダウンシューティングゲームの例になります（ ZybexとXeviousのノスタルジックな感情から）-私たちはフィールドを飛び回り、fly 石をノックします。 ツール-Qt。



コードに美しさと完全性がないことを直ちに予約してください。 クラスは原始的であり、コードを繰り返します。機能は最適ではありません。グラフィックスはいものではありませんが、パフ、トス、ターンします。 これは、さらに作業を進めるための基礎です。 経験豊富なプログラマー-一杯の熱い何かをめくって、トピックを開始したり、トピックに注いだりすることは、思考の糧になるかもしれません。 始めます。

適用サイクル

プログラムを編成する正しい方法を選択するには、メインサイクルの参加者を決定する必要があります。 カジュアル（およびほとんどの非カジュアル）ゲームには、少なくとも3つあります。

• ゲームプレイクロック
• 連続性シミュレーター
• シーンのレンダリング

他のポイントも可能です-アニメーションマネージャー、人工知能など。たとえば、これら3つで十分です。



どんな参加者ですか？



ゲームプレイクロックはタイマーに関連付けられています...えーと...ゲームプレイクロックです。 競技場でのオブジェクトの動きを制御します。 その主な目的は、ゲームプロセスとそのアイデンティティの整合性を確保することです。 これは非常に重要です-ゲームの速度がコンピューターのパフォーマンスに依存しないようにするためだけでなく、ネットワークでプレイするときに同期を確保するためにも。



連続性シミュレーターは補助機能であり、その主な目的は、ゲームジェネレーターの呼び出しの間に重要なことが発生しないようにすることです。 たとえば、次のようなゲームの瞬間を考えてみましょう。





左右、ゲームプレイクロックの2つの連続した呼び出しが表示されます。 黄色の円の速度= 3であるとします。図からわかるように、円と長方形の間の距離= 2です。円と長方形が助けられなければ衝突しないことがわかります。 連続性シミュレーターもこの支援を提供します。



シーンのレンダリング -ここではすべてが明らかなようです。 次の理由から、これは別個のアイテムです。

• ゲームプレイの速度に依存しないでください。
• 画像の滑らかさを確保する必要があります（画面上のオブジェクト速度= 10ポイント、ゲーム頻度= 30で、ゲームプレイジェネレーターが呼び出されたときにのみフレームがレンダリングされる場合、移動するオブジェクトのジャークが表示されます）

ループを整理する可能な方法

すぐに、参加者ごとに個別のストリームを作成することになります。 ただし、次の理由により、このアプローチは最適ではありません。

• ループの参加者間のデフォルトの同期は提供しません。 ネットワークバトルの同期を維持するために、突然レンダリングとアニメーションを犠牲にする必要がありますか？
• 開発が大幅に複雑になり、その結果エラーの数が増えます。 異なるスレッド=異なるリソース、同期と共有の問題、およびその他のマルチスレッドプログラムの利点。

したがって、スレッドを実行しますが、わずかに異なる方法で-OSからのメッセージを処理するための個別のスレッド（レンダリング、キーボードポーリング）、および3人の参加者全員が呼び出されるゲームプロセスのための個別のスレッド。

キーボードのレンダリングとポーリングにより、すべてが明確になります。これは、アプリケーションのメインフォームの単なるストリームです。 ゲームプレイの流れを扱います。

ゲームストリーム

フロー構造を図に示します。





今、説明付きの小さなコード。

まず、周波数を設定します。 大まかに言えば、処理ロジックの呼び出しとレンダリングの間に何ミリ秒を渡す必要があります：

ソースをコピー | HTMLをコピー

1. //クロック：FREQ-ロジック、FPS-レンダリング
2. const int FREQ = 1000/40; // 1000 / FPS
3. const int MAX_FPS = 1000/180;

そして、ここにメインループコードがあります-すべての参加者への呼び出し、時間のチェックなど。

ソースをコピー | HTMLをコピー

1. while（ true ）
2. {
3. qint64 time_cur_tick = QDateTime :: currentMSecsSinceEpoch（）;
4. int numLoops = 0 ;
6. bool ft = true;
7. while（ time_prev_tick <time_cur_tick && numLoops <MAX_LOOPS ）
8. {
9. //呼び出しロジック
10. w-> UpdateLogic（ 1 / FREQ ）;
11. numLoops ++;
13. if（ ft ）
14. {
15. ft = false;
16. last_freq = time_cur_tick;
17. }
18. time_prev_tick + = FREQ;
20. //より正確なタイミングのためにtime_cur_tickを更新します
21. time_cur_tick = QDateTime :: currentMSecsSinceEpoch（）;
22. }
24. time_tmp = QDateTime :: currentMSecsSinceEpoch（）;
25. w-> SimulateConsistLogic（ （float ）（ time_tmp-last_freq ）/ FREQ）;
27. time_tmp = QDateTime :: currentMSecsSinceEpoch（）;
28. if（ time_tmp-time_lastrender> = MAX_FPS &&
    
    w-> paint_mx.tryLock（ ））
29. {
30. time_lastrender = time_tmp;
31. float freq_bit = 0 ;
32. if（ time_tmp！= last_freq ）
33. freq_bit =（ float ）（ time_tmp-last_freq ）/ FREQ;
35. signalGUI（ freq_bit ）を発行します。
36. w-> paint_mx.unlock（）;
37. }
38. }

（注-ソースコードを見ると、すべてが少し複雑になっています。1秒あたりのフレーム数のカウント、バズした情報の出力などがあります。）



確かに疑問が生じました-レンダリングおよび連続性シミュレーターは、ゲームロジックの最後の更新から経過した時間を知っていたのはなぜですか？ すべてが簡単です-シーンの瞬間的な状態を計算し、正しく処理して画面に表示するため。 リソースを節約するために、連続性シミュレーターを呼び出すと、最後の呼び出しの時刻も転送できます。

すべての仕組み

この例では、3種類のオブジェクトがあります。

• プレイヤーシップ
• 弾丸
• met石

対応するクラスが作成されます（CShip、CBullet、CMeteorite）。 弾丸とmet石の場合、QVectorストレージコンテナーが指定されます。

ユーザー入力を処理するために、「移動の方向」の配列が作成され、関数keyReleaseEventおよびkeyPressEventが再定義されました。

keyReleaseEventは、押されたキーの配列にリリースされたキーがあるかどうかを確認し、キーがある場合は削除します。

keyPressEventは、それに応じて、押されたキーの配列に押されたキーを配置します（存在しない場合）。 この配列の処理は、ゲームプロセスのクロックジェネレーターの機能で行われます。 ゲームの移動オブジェクト、船の移動中の慣性の計算、met石の作成があります：

ソースをコピー | HTMLをコピー

1. void MainWindow :: UpdateLogic（ float ftime ）
2. {
3. フロート速度= 2 ;
4. for（ int i = 0; i <m_dir.size（ ）; i ++）
5. {
6. if（ m_dir [i] == MainWindow :: UP ）
7. actor1.adjust Direction （ QVector2D（0、-speed ））;
8. if（ m_dir [i] == MainWindow :: DOWN ）
9. actor1.adjust Direction （ QVector2D（0、speed ））;
10. if（ m_dir [i] == MainWindow :: LEFT ）
11. actor1.adjust Direction （ QVector2D（-speed、0 ））;
12. if（ m_dir [i] == MainWindow :: RIGHT ）
13. actor1.adjust Direction （ QVector2D（speed、0 ））;
15. if（ m_dir [i] == MainWindow :: SPACE &&
    
    m_allowbullet == 0 ）
16. {
17. m_bullets.push_back（ CBullet（actor1.getX（ ）、actor1.getY（）- 1 、QVector2D（ 0、-15 ）））;
18. qDebug（ QString（ "追加された箇条書き 。Pos ％1" ）.arg（ m_bullets.size（ ）- 1 ）.toAscii（））;
19. m_allowbullet = 5 ;
20. 解雇++;
21. }
22. }
23. actor1.step Direction （）;
24. bool dir_touched = false;
25. for（ int i = 0; i <m_dir.size（ ）; i ++）
26. {
27. if（ m_dir [i]！= MainWindow :: SPACE ）
28. {
29. dir_touched = true;
30. 休憩;
31. }
32. }
34. if（ ！dir_touched ）
35. {
36. m_allowmove = 0 ;
37. フロート慣性= 0 。 5 ;
38. if（ actor1.getSpeed（ ）< 0。5 ）
39. 慣性= 1 ;
40. actor1.adjustSpeed（ 慣性 ）;
41. }
44. for（ int i = 0; i <m_bullets.size（ ）; i ++）
45. m_bullets [ i ] .step Direction （）;
47. for（ int x = 0; x <m_enemies1.size（ ）; x ++）
48. m_enemies1 [x] .step Direction （）;
50. CheckGameRules（）;
51. if（ m_enemies1.size（ ）<max_enemies）
52. {
53. CMeteorite meteo（ mrand（field_ident + CMeteorite :: meteo_size、
    
    field_ident + field_w-CMeteorite :: meteo_size ）、
54. -mrand（0、20）、
55. QVector2D（ 0、1 ））;
56. while（ true ）
57. {
58. int i = 0 ;
59. while（ i <m_enemies1.size（ ））
60. {
61. if（ meteo.getBoundsT（ ）.intersects（ m_enemies1 [i] .getBoundsT（ ）））
62. 休憩;
64. i ++;
65. }
67. if（ i == m_enemies1.size（ ））
68. 休憩;
70. meteo = CMeteorite（mrand（ 1、100 ）、-mrand（0、20）、
71. QVector2D（ 0、1 ））;
73. }
74. m_enemies1.push_back（ meteo ）;
75. }
76. UpdateBullet（）;
77. }

CheckGameRules関数は、ゲームルールをチェックします-誰が誰かに衝突したか、何を超えたかなどです。 ところで、2Dでは、これはすべてQPolygon、QRectクラス、およびそれらのような他の機能によって非常に便利に実行されます。

ソースをコピー | HTMLをコピー

1. void MainWindow :: CheckGameRules（ const float ftime ）
2. {
3. QRect field_rect（ field_ident、field_ident、
   
   field_w
   
   field_h ）;
5. for（ int i = 0; i <m_bullets.size（ ）; i ++）
6. {
7. CBullet blt = m_bullets [ i ];
8. float tx = 0 、ty = 0 ;
9. blt.getTickCoords（ ftime、tx、ty ）;
11. blt.setX（ tx ）;
12. blt.setY（ ty ）;
14. if（ ！field_rect.contains（m_bullets [i] .getX（ ）、m_bullets [ i ] .getY（）））
15. {
16. m_bullets.remove（ i-- ）;
17. }
18. 他に
19. {
20. for（ int j = 0; j <m_enemies1.size（ ）; j ++）
21. {
22. CMeteorite enm = m_enemies1 [j];
23. フロート etx = 0 、ety = 0 ;
24. enm.getTickCoords（ ftime、etx、ety ）;
25. enm.setX（ etx ）;
26. enm.setY（ety）;
28. if（ blt.checkCollision（enm.getBodyT（ ）））
29. {
30. m_enemies1.remove（ j-- ）;
31. m_bullets.remove（ i-- ）;
32. スコア++;
33. 休憩;
34. }
35. } // for
36. }
37. }
39. for（ int j = 0; j <m_enemies1.size（ ）; j ++）
40. {
42. CMeteorite enm = m_enemies1 [j];
43. if（ ！field_rect.contains（enm.getBoundsT（ ））&&
44. field_rect。 bottomRight （）.y（）<enm.getBoundsT（）。 topLeft （）. y （））
45. {
46. m_enemies1.remove（ j-- ）;
47. }
49. if（ actor1.checkCollision（enm.getBodyT（ ）））
50. {
51. m_enemies1.remove（ j-- ）;
52. ヒット++;
53. }
54. }
57. if（ ！field_rect.contains（actor1.getBoundsT（ ）、true））
58. {
59. while（ field_rect.x（ ）> = actor1.getBoundsT（）。 left （））
60. actor1.setX（ actor1.getX（ ）+ 1 ）;
62. while（ field_rect.x（ ）* 2 + field_rect。width（）<= actor1.getBoundsT（）。x（）+ actor1.getBoundsT（）。 width （））
63. actor1.setX（ actor1.getX（ ）- 1 ）;
65. while（ field_rect.top（ ）> = actor1.getBoundsT（）。 top （））
66. actor1.setY（ actor1.getY（ ）+ 1 ）;
68. while（ field_rect.y（ ）* 2 + field_rect。height（）<= actor1.getBoundsT（）。y（）+ actor1.getBoundsT（）。 height （））
69. actor1.setY（ actor1.getY（ ）- 1 ）;
71. actor1.s top （）;
73. }
74. }

したがって、連続性のシミュレーターの呼び出しは不名誉に簡単です。 わずかなステップで、ゲームロジックを確認します。

ソースをコピー | HTMLをコピー

1. void MainWindow :: SimulateConsistLogic（ float ftime ）
2. {
3. for（ float bt = 0; bt <ftime; bt = bt + 0.1 ）
4. {
5. CheckGameRules（ bt ）;
6. }
7. }

レンダリングは、ゲームフィールドを描画し、ゲームジェネレータークロックの最後の呼び出しからの現在のインデントのパラメーターを使用して、すべてのオブジェクトのDraw（）を呼び出します。 サービス情報のプラス出力：

ソースをコピー | HTMLをコピー

1. void MainWindow :: Render（）
2. {
3. QPainter qpainter（ これ ）;
5. const int bgw = 2 ;
6. qpainter.setPen（ QPen（Qt :: black、bgw ））;
7. qpainter.setBrush（ QBrush（Qt :: darkGray ））;
8. qpainter.drawRect（ field_ident、field_ident、
   
   field_w + field_ident、
   
   field_h + field_ident ）;
11. for（ int i = 0; i <m_bullets.size（ ）; i ++）
12. {
13. CBullet blt = m_bullets [ i ];
14. blt.Draw（ qpainter、freq_bit ）;
15. }
17. for（ int i = 0; i <m_enemies1.size（ ）; i ++）
18. {
19. CMeteorite enm = m_enemies1 [ i ];
20. enm.Draw（ qpainter、freq_bit ）;
21. }
23. actor1.Draw（ qpainter、freq_bit ）;
25. QPalette pal;
26. qpainter.setBrush（ pal.brush（QPalette :: Window ））;
27. qpainter.setPen（ QPen（pal.color（QPalette :: Window ）、 1 ））;
28. qpainter.drawRect（ field_ident-bgw / 2、0、
    
    field_w + field_ident + bgw / 2
    
    field_ident-bgw ）;
30. qpainter.setPen（ QPen（Qt :: black、bgw ））;
31. qpainter.setBrush（ QBrush（Qt :: darkGray、Qt :: NoBrush ））;
32. qpainter.drawRect（ field_ident、field_ident、
    
    field_w + field_ident、
    
    field_h + field_ident ）;
34. ui-> label_freq-> setText（ QString（ "％1" ）.arg（ freq ）.toAscii（））;
35. ui-> label_fps-> setText（ QString（ "％1" ）.arg（ fps ）.toAscii（））;
36. ui-> label_speed-> setText（ QString（ "％1" ）.arg（ actor1.getSpeed（ ））.toAscii（））;
38. ui-> label_score-> setText（ QString（ "％1" ）.arg（ score ）.toAscii（））;
39. ui-> label_fired-> setText（ QString（ "％1" ）.arg（発生）.toAscii（））;
40. ui-> label_hits-> setText（ QString（ "％1" ）.arg（ ヒット ）.toAscii（））;
42. }

実際、残りは簡単なプログラミングです。 アプリケーションスケルトンは逆アセンブルされ、実装の詳細は添付のソースコードに記載されています。 結果-私が得たものの外観：



ソースはこちら 。 矢で飛んで、スペースで撃ちます。

githubのソース 。