Pong 2: ビジュアルの魅力とフォントの追加

cs50のYoutube動画「Pong 2: ビジュアルの魅力とフォントの追加」について要点と要約をまとめました

３つの要点

• 要点１
  1. パドルとボールを含む矩形を画面上に描画することで、Pongゲームにビジュアルの魅力を追加しました。
• 要点２
  2. dafont.comから8ピクセルの小さなフォントをインポートし、画面上にテキストを表示するために使用しました。
• 要点３
  3. love.graphics.clear関数を使用して背景色を作成し、love.graphics.rectangleを使用して形を描画する方法を学びました。

要約

ビジュアルの魅力の追加
このアップデートでは、Pongゲームにビジュアルの魅力を追加することに焦点を当てました。パドルやボールを含む矩形を画面上に描画することから始めました。現在はパドルが静止していますが、これによって進捗状況を示すことができます。また、love.graphics.newFont関数を使用してdafont.comから8ピクセルの小さなフォントをインポートしました。love.graphics.setFontを使用することで、このフォントをテキストに設定することができました。

背景色の作成
次に、love.graphics.clear関数について学びました。この関数は画面の背景をクリアするために使用されます。私たちはこの関数を使用して、ゲームのための灰色の背景色を作成しました。これを実現するために、RGB値を0〜255から0〜1にマッピングする必要がありました。

形の描画
最後に、love.graphics.rectangle関数を使用してボールとパドルを画面上に描画しました。モード、位置、幅、高さを指定することで、これらの形を作成することができました。最初はボールが中央に配置されていなかったため、座標を調整して正しく配置しました。

アップデートの結果
このアップデートにより、矩形、色、フォントの追加によってゲームが視覚的により興味深くなりました。次のアップデートでは、Pong 3で矩形を動かすことに焦点を当てます。

▼今回の動画

編集後記

▼ライターの学び

この記事を読んで、Pongゲームのビジュアルを向上させる方法を学びました。また、RGB値をマッピングする必要があることも学びました。

▼今日からやってみよう

今日から自分のゲームにビジュアルの魅力を追加するために、矩形や色、フォントを活用してみましょう！また、背景色を設定する際にRGB値をマッピングすることも忘れずに行いましょう。

たまがわ

Twitter

AI×Pythonで自動で動画の要約と記事の編集を行っています。 Twitterにて記事の紹介も行っていますので、ぜひフォローよろしくお願いします！