DEV Community

AWS Community Builders profile image Kihara, Takuya
Kihara, Takuya for AWS Community Builders

Posted on

Create a new game in the "Vibe Coding" style with Amazon Q CLI

#aws #amazonqcli

I made the Memory Game in the "Vibe Coding" style!
You can play it just by chatting with Amazon Q CLI!

A Playing Movie of the Memory Game. | Takuya KIHARA

A Playing Movie of the Memory Game. Very easy to create your games!! https://lnkd.in/gNaKNQJY #AmazonQCLI #AWS

favicon linkedin.com

GitHub logo tacck / amazon-q-memory-game

神経衰弱ゲーム (Memory Game)

Pygameを使用したトランプの神経衰弱ゲームです。

概要

このプロジェクトは、Pygameを使用して作成された神経衰弱（メモリーゲーム）です。 トランプカードを使用し、同じカードのペアを見つけるゲームです。

機能

  • トランプカードを使った神経衰弱ゲーム
  • 自動生成されるトランプカード画像
  • スコア表示（試行回数、マッチ数、経過時間）
  • ゲームクリア画面
  • Noto Sans JPフォントを使用した日本語表示

必要条件

  • Python 3.6以上
  • Pygame
  • Requests (フォントのダウンロードに使用)

インストール方法

  1. 必要なパッケージをインストールします:
pip install -r requirements.txt
Enter fullscreen mode Exit fullscreen mode

使い方

  1. ゲームを起動します:
python memory_game.py
Enter fullscreen mode Exit fullscreen mode

初回起動時には、Noto Sans JPフォントが自動的にダウンロードされます。

  1. カードをクリックして、ペアを見つけます
  2. すべてのペアを見つけるとゲームクリアです
  3. 「R」キーを押すとゲームをリスタートできます

ゲームルール

  • カードをクリックすると裏返ります
  • 2枚のカードをめくり、同じカードであればマッチとなります
  • マッチしたカードはゲーム盤から消えます
  • マッチしなかった場合、カードは再び裏返ります
  • すべてのカードのペアを見つけるとゲームクリアです

ファイル構成

  • memory_game.py - メインゲームファイル
  • generate_cards.py - トランプカード画像生成スクリプト
  • download_font.py - Noto Sans JPフォントをダウンロードするスクリプト
  • resources/cards/ - 生成されたカード画像が保存されるディレクトリ
  • resources/fonts/ - ダウンロードされたフォントが保存されるディレクトリ

操作方法

  • マウスクリック: カードを選択
  • ESCキー: ゲーム終了
  • Rキー: ゲームリスタート（ゲームクリア後）

View on GitHub


This is the event of "Build Games with Amazon Q CLI and score a T shirt".

builder.aws.com

Let's check how to make it.

Install Amazon Q CLI

It's an example for macOS.

brew install amazon-q
Enter fullscreen mode Exit fullscreen mode

Lunch "Amazon Q" app and sign in with AWS Builder ID.

Just all.

Start Vibe Coding

Let's chat with Amazon Q CLI.

% q chat

    ⢠⣶⣶⣦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣤⣶⣿⣿⣿⣶⣦⡀⠀
 ⠀⠀⠀⣾⡿⢻⣿⡆⠀⠀⠀⢀⣄⡄⢀⣠⣤⣤⡀⢀⣠⣤⣤⡀⠀⠀⢀⣠⣤⣤⣤⣄⠀⠀⢀⣤⣤⣤⣤⣤⣤⡀⠀⠀⣀⣤⣤⣤⣀⠀⠀⠀⢠⣤⡀⣀⣤⣤⣄⡀⠀⠀⠀⠀⠀⠀⢠⣿⣿⠋⠀⠀⠀⠙⣿⣿⡆
 ⠀⠀⣼⣿⠇⠀⣿⣿⡄⠀⠀⢸⣿⣿⠛⠉⠻⣿⣿⠛⠉⠛⣿⣿⠀⠀⠘⠛⠉⠉⠻⣿⣧⠀⠈⠛⠛⠛⣻⣿⡿⠀⢀⣾⣿⠛⠉⠻⣿⣷⡀⠀⢸⣿⡟⠛⠉⢻⣿⣷⠀⠀⠀⠀⠀⠀⣼⣿⡏⠀⠀⠀⠀⠀⢸⣿⣿
 ⠀⢰⣿⣿⣤⣤⣼⣿⣷⠀⠀⢸⣿⣿⠀⠀⠀⣿⣿⠀⠀⠀⣿⣿⠀⠀⢀⣴⣶⣶⣶⣿⣿⠀⠀⠀⣠⣾⡿⠋⠀⠀⢸⣿⣿⠀⠀⠀⣿⣿⡇⠀⢸⣿⡇⠀⠀⢸⣿⣿⠀⠀⠀⠀⠀⠀⢹⣿⣇⠀⠀⠀⠀⠀⢸⣿⡿
 ⢀⣿⣿⠋⠉⠉⠉⢻⣿⣇⠀⢸⣿⣿⠀⠀⠀⣿⣿⠀⠀⠀⣿⣿⠀⠀⣿⣿⡀⠀⣠⣿⣿⠀⢀⣴⣿⣋⣀⣀⣀⡀⠘⣿⣿⣄⣀⣠⣿⣿⠃⠀⢸⣿⡇⠀⠀⢸⣿⣿⠀⠀⠀⠀⠀⠀⠈⢿⣿⣦⣀⣀⣀⣴⣿⡿⠃
 ⠚⠛⠋⠀⠀⠀⠀⠘⠛⠛⠀⠘⠛⠛⠀⠀⠀⠛⠛⠀⠀⠀⠛⠛⠀⠀⠙⠻⠿⠟⠋⠛⠛⠀⠘⠛⠛⠛⠛⠛⠛⠃⠀⠈⠛⠿⠿⠿⠛⠁⠀⠀⠘⠛⠃⠀⠀⠘⠛⠛⠀⠀⠀⠀⠀⠀⠀⠀⠙⠛⠿⢿⣿⣿⣋⠀⠀
 ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⠿⢿⡧

╭─────────────────────────────── Did you know? ────────────────────────────────╮
│                                                                              │
│      You can execute bash commands by typing ! followed by the command       │
│                                                                              │
╰──────────────────────────────────────────────────────────────────────────────╯

/help all commands  •  ctrl + j new lines  •  ctrl + s fuzzy search
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
> 神経衰弱をpygameを使って作りたいです。トランプを使ったものにしたいので、トランプの画像も生成してください。
Enter fullscreen mode Exit fullscreen mode

The above prompt means I want to make a memory game using pygame. I want to use playing cards, so please generate images of playing cards.

In some chats with Amazon Q, I could make the Memory Game.
I only requested thinking on Amazon Q.

> 少し下が見切れているので、画面をもう少し縦に広げて。



🛠️  Using tool: fs_read (trusted)
 ⋮ 
 ● Reading file: /Users/takuya/project/amazon_q/a/memory_game.py, from line 1 to 20
 ⋮ 
 ● Completed in 0.0s



🛠️  Using tool: fs_write (trusted)
 ⋮ 
 ● Path: memory_game.py

   1,  1: import pygame
   2,  2: import sys
   3,  3: import os
   4,  4: import random
   5,  5: import time
   6,  6: from download_font import download_noto_sans_jp
   7,  7: 
   8,  8: # 定数
   9,  9: SCREEN_WIDTH = 800
- 10    : SCREEN_HEIGHT = 600
+     10: SCREEN_HEIGHT = 700  # 画面の高さを600から700に増加
  11, 11: CARD_WIDTH = 100
  12, 12: CARD_HEIGHT = 150
  13, 13: CARD_MARGIN = 10
  14, 14: ROWS = 4
  15, 15: COLS = 6
  16, 16: FPS = 60
  17, 17: BACKGROUND_COLOR = (50, 150, 100)  # 緑色の背景
  18, 18: FONT_COLOR = (255, 255, 255)  # 白色のテキスト

Updating: memory_game.py

 ⋮ 
 ● Completed in 0.2s
Enter fullscreen mode Exit fullscreen mode

Above is an example.
I chatted with Amazon Q to "The bottom row of cards is not visible, so please make it visible".
Then, Amazon Q rewrote the window size.

Wrap up

This report is straightforward because I only have some chats, and Amazon Q CLI is mighty.

Let's challenge and feel yourself with Amazon Q CLI power!

Top comments (2)

Collapse
 
alsy_petrova_9058f98ca45d profile image
Alsy Petrova • • Edited

Curti muito a ideia de criar jogos com o estilo de codificação do Vibe, mas confesso que às vezes é bom dar uma pausa e jogar algo mais casual. Ultimamente tenho testado alguns cassinos online e achei o marathonbet-casino.com.br/ bem interessante, com slots variados e bônus que realmente valem a pena. É ótimo para relaxar entre sessões de programação.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.