昨天发的一篇文章,讲的是用 Midjourney 加 Kimi 做一款像素游戏。发完后,朋友看到说:“这他妈是游戏嘛,这跟你儿子学的 Scratch 做的游戏有什么区别?”我当时听到很不服气,怎么能把我跟儿子比呢,我吃的盐比他吃的饭还多呢。
于是,我决定用行动来证明自己。昨晚,我开始让 ChatGPT-4o 帮我写一个俄罗斯方块的游戏。通过这次尝试,我希望向大家展示如何利用先进的 AI 技术,快速开发出一款经典的游戏。同时,也希望能够分享在这个过程中所遇到的挑战和解决方案。
好,我们接下来就开始今天的教程,如何用 ChatGPT-4o 制作一款俄罗斯方块的游戏。
第一步:规划方案
我先让 ChatGPT-4o 给我规划一下俄罗斯方块的游戏方案:
第二步:生成代码
我让 ChatGPT-4 给我生成详细的代码:“我想用 Python 做出这款游戏,请生成详细的代码吧。”
第三步:修复bug
代码生成出来后,我把代码放到 VS 里面运行,产生了第一个 bug。我之前没有告诉 ChatGPT-4o,当第一行落地满了时需要自动消除。
第四步:继续修复bug
这个时候,我们得找 ChatGPT-4o,让它修复这个 bug。
ChatGPT-4o 修复了 bug,并告诉我它修复了哪些问题。
第五步:方块下降加速
玩的时候,我发现下落速度有点慢。于是,我又让 ChatGPT-4o 修改代码,加速下落速度。
ChatGPT-4o 告诉我它修改了什么。
第六步:给游戏加图片
其实到这里,这个教程可以结束了。不过,我觉得我们还得继续完善下,给游戏的方块加上点图片,这样会更好看一些。我问了下 GPT,我应该怎么把里面的方块加图片。
同时,我也问他,在设计图片时尺寸应该是多大。
好了,既然我们知道了要设计多大的图片,那我们就得去弄图片。这时 GPT 正在写代码,但我们一时之间也没有头绪,应该设计什么样的方块图片。这时我想起,干脆用 Midjourney 来生成吧。
嗯,Midjourney 生成了 4 张图片供我参考,我选了第二张,然后我用 Pixelmator Pro 把背景去掉,让它变成透明的,并复制了七份。
嗯,将就着用,然后在游戏里面显示的就是下面的效果了。
丑是丑了点,不过,都到这里了,要什么自行车。
本来到这里,教程实际上应该结束了。不过,既然已经进展到这里,我想增加一些复杂度:让 GPT 设计一个带有开场画面的游戏开始界面。
与此同时,我去找 Midjourney 又给我生成了一张背景图片。
很好,运行游戏的时候是下面这样的,不过它怎么直接让我回车进入呢?我不是说用鼠标点击开始再进去吗?
很好,我让它修改下,它给我弄了一个按钮,但是按钮很丑,我又让它给我修改代码。
很好,这个时候我得去弄一个按钮,这个按钮,还不错,我就用它了。
最终我们的教程来到了最后,是看成品的时候了。
小结
在第六步过程中,产生了一些 bug。我们和 GPT 的对话太长了,它开始有点敷衍,导致游戏里的方块落地就自动消失,而不是行填满的时候才消失。最终经过多次修复,问题得以解决。
完整教程总结
通过这次教程,我们成功地利用 ChatGPT-4o 以及相关工具开发了一款功能完整的俄罗斯方块游戏。整个过程涵盖了从初步规划、代码生成到解决 Bug,以及添加图片和设计开局画面的各个环节。
关键步骤回顾
- 规划方案:明确游戏的功能和设计需求。
- 生成代码:使用 ChatGPT-4o 生成初步代码,并进行调试和优化。
- 修复 Bug:通过 ChatGPT-4o 的帮助,解决代码中的问题。
- 添加图片:利用 Midjourney 生成游戏所需的图片,并进行优化。
- 设计开局画面:通过添加背景图片和可点击的“开始”按钮,提升游戏的用户体验。
反思与展望
在这个项目中,我不仅体验到了利用 AI 进行游戏开发的便捷性,还学到了如何在遇到问题时,通过多次调试和优化,最终实现目标。虽然过程中出现了多次 Bug,但通过坚持不懈的尝试和修复,最终达到了预期的效果。
未来,我们可以考虑进一步优化游戏,比如:
- 增加更多游戏模式和难度级别。
- 优化游戏性能,提升用户体验。
- 添加音效和背景音乐,增强游戏的娱乐性。
实验目的总结
- 实现一个完整的 Tetris 游戏,包括开局画面和游戏主循环。
- 在开局画面中使用背景图片和可点击的“开始”按钮。
- 确保游戏逻辑正确,包括方块的移动、旋转、合并以及行的清除。
实验步骤回顾
- 基础实现:
(1)初步实现了一个基本的 Tetris 游戏,包括方块的移动、旋转和落下。
(2)实现了行的检测和清除逻辑。
- 改进和修复:
(1)修复了方块未填满行时消失的 bug。
(2)确保方块只有在行完全填满时才会消失。
- 开局画面:
(1)添加了开局画面,包含背景图片和“开始”按钮。
(2)修改代码,实现通过点击按钮来开始游戏。
- 使用图片作为按钮:
将“开始”按钮替换为图片,实现更直观的用户界面。
最终代码
我实现了一个功能完整的 Tetris 游戏,包含以下关键功能:
- 开局画面,使用背景图片和图片按钮。
- 方块的移动、旋转和正确的碰撞检测。
- 正确的行清除逻辑,只有在行完全填满时才清除。
- 游戏结束时显示“Game Over”并提供重新开始的选项。
import pygame
import random
# Initialize Pygame
pygame.init()
# Screen dimensions
screen_width = 300
screen_height = 600
block_size = 30
# Load images for each tetromino (designed at 120×120 pixels)
image_filenames = {
‘I’: ‘I.png’,
‘J’: ‘J.png’,
‘L’: ‘L.png’,
‘O’: ‘O.png’,
‘S’: ‘S.png’,
‘T’: ‘T.png’,
‘Z’: ‘Z.png’
}
# Scale images to the desired block size
images = {key: pygame.transform.scale(pygame.image.load(filename), (block_size, block_size))
for key, filename in image_filenames.items()}
# Load start screen background image
start_bg = pygame.transform.scale(pygame.image.load(‘start_bg.png’), (screen_width, screen_height))
# Load start button image
start_button_img = pygame.image.load(‘start_button.png’)
start_button_img = pygame.transform.scale(start_button_img, (150, 50))
# Tetromino shapes and corresponding image keys
shapes = [
([[1, 1, 1, 1]], ‘I’),
([[1, 1, 1], [0, 1, 0]], ‘T’),
([[1, 1, 0], [0, 1, 1]], ‘Z’),
([[0, 1, 1], [1, 1, 0]], ‘S’),
([[1, 1], [1, 1]], ‘O’),
([[1, 1, 1], [1, 0, 0]], ‘L’),
([[1, 1, 1], [0, 0, 1]], ‘J’)
]
# Initialize the screen
screen = pygame.display.set_mode((screen_width, screen_height))
pygame.display.set_caption(“Tetris”)
# Clock
clock = pygame.time.Clock()
fps = 30
# Grid dimensions
grid_width = screen_width // block_size
grid_height = screen_height // block_size
# Create the grid
grid = [[0 for _ in range(grid_width)] for _ in range(grid_height)]
class Tetromino:
def __init__(self, shape, image_key):
self.shape = shape
self.image_key = image_key
self.x = grid_width // 2 – len(shape[0]) // 2
self.y = 0
def rotate(self):
self.shape = [list(row) for row in zip(*self.shape[::-1])]
def draw_grid():
for y in range(grid_height):
for x in range(grid_width):
if grid[y][x] != 0:
screen.blit(images[grid[y][x]], (x * block_size, y * block_size))
pygame.draw.rect(screen, (255, 255, 255), (x * block_size, y * block_size, block_size, block_size), 1)
def check_collision(shape, offset):
off_x, off_y = offset
for y, row in enumerate(shape):
for x, cell in enumerate(row):
if cell and (x + off_x < 0 or x + off_x >= grid_width or y + off_y >= grid_height or grid[y + off_y][x + off_x]):
return True
return False
def merge(shape, offset, image_key):
off_x, off_y = offset
for y, row in enumerate(shape):
for x, cell in enumerate(row):
if cell:
grid[y + off_y][x + off_x] = image_key
def clear_lines():
global grid
lines_cleared = 0
new_grid = []
for row in grid:
if all(cell != 0 for cell in row):
lines_cleared += 1
else:
new_grid.append(row)
new_grid = [[0 for _ in range(grid_width)] for _ in range(lines_cleared)] + new_grid
grid = new_grid
return lines_cleared
def draw_tetromino(tetromino):
for y, row in enumerate(tetromino.shape):
for x, cell in enumerate(row):
if cell:
screen.blit(images[tetromino.image_key], ((tetromino.x + x) * block_size, (tetromino.y + y) * block_size))
def draw_text(text, size, color, x, y):
font = pygame.font.Font(None, size)
text_surface = font.render(text, True, color)
text_rect = text_surface.get_rect(center=(x, y))
screen.blit(text_surface, text_rect)
def game_over():
draw_text(“Game Over”, 74, (255, 255, 255), screen_width // 2, screen_height // 2 – 50)
draw_text(“Press R to Restart”, 36, (255, 255, 255), screen_width // 2, screen_height // 2 + 20)
pygame.display.flip()
waiting = True
while waiting:
for event in pygame.event.get():
if event.type == pygame.QUIT:
pygame.quit()
quit()
if event.type == pygame.KEYDOWN:
if event.key == pygame.K_r:
waiting = False
main()
def start_screen():
start_button_rect = start_button_img.get_rect(center=(screen_width // 2, screen_height // 2))
while True:
screen.blit(start_bg, (0, 0))
draw_text(“Tetris”, 74, (255, 255, 255), screen_width // 2, screen_height // 4)
screen.blit(start_button_img, start_button_rect.topleft)
pygame.display.flip()
for event in pygame.event.get():
if event.type == pygame.QUIT:
pygame.quit()
quit()
if event.type == pygame.MOUSEBUTTONDOWN:
if start_button_rect.collidepoint(event.pos):
return
def main():
global grid
grid = [[0 for _ in range(grid_width)] for _ in range(grid_height)]
current_tetromino = Tetromino(*random.choice(shapes))
next_tetromino = Tetromino(*random.choice(shapes))
fall_time = 0
fall_speed = 500 # Initial fall speed in milliseconds
score = 0
level = 1
lines_cleared = 0
while True:
screen.fill((0, 0, 0))
draw_grid()
draw_tetromino(current_tetromino)
draw_text(f”Score: {score}”, 24, (255, 255, 255), screen_width – 70, 30)
draw_text(f”Level: {level}”, 24, (255, 255, 255), screen_width – 70, 60)
for event in pygame.event.get():
if event.type == pygame.QUIT:
pygame.quit()
return
if event.type == pygame.KEYDOWN:
if event.key == pygame.K_LEFT:
current_tetromino.x -= 1
if check_collision(current_tetromino.shape, (current_tetromino.x, current_tetromino.y)):
current_tetromino.x += 1
if event.key == pygame.K_RIGHT:
current_tetromino.x += 1
if check_collision(current_tetromino.shape, (current_tetromino.x, current_tetromino.y)):
current_tetromino.x -= 1
if event.key == pygame.K_DOWN:
current_tetromino.y += 1
if check_collision(current_tetromino.shape, (current_tetromino.x, current_tetromino.y)):
current_tetromino.y -= 1
if event.key == pygame.K_UP:
current_tetromino.rotate()
if check_collision(current_tetromino.shape, (current_tetromino.x, current_tetromino.y)):
current_tetromino.rotate()
current_tetromino.rotate()
current_tetromino.rotate()
keys = pygame.key.get_pressed()
if keys[pygame.K_DOWN]:
fall_speed = 50 # Increase fall speed when down key is pressed
else:
fall_speed = 500 # Default fall speed
fall_time += clock.get_rawtime()
clock.tick()
if fall_time >= fall_speed:
current_tetromino.y += 1
if check_collision(current_tetromino.shape, (current_tetromino.x, current_tetromino.y)):
current_tetromino.y -= 1
merge(current_tetromino.shape, (current_tetromino.x, current_tetromino.y), current_tetromino.image_key)
lines = clear_lines()
lines_cleared += lines
score += lines * 100
if lines_cleared >= level * 10:
level += 1
fall_speed = max(100, fall_speed – 20)
current_tetromino = next_tetromino
next_tetromino = Tetromino(*random.choice(shapes))
if check_collision(current_tetromino.shape, (current_tetromino.x, current_tetromino.y)):
game_over()
fall_time = 0
draw_tetromino(current_tetromino)
pygame.display.update()
if __name__ == “__main__”:
start_screen()
main
00:27
通过这个项目,我们不仅完成了一款俄罗斯方块游戏,还积累了丰富的开发经验。希望大家在未来的项目中,也能利用 AI 工具,创造出更多有趣且实用的应用。
文章来源于“作者AI 面”,作者“作者AI 面”
2
发评论,每天都得现金奖励!超多礼品等你来拿
登录 后,在评论区留言并审核通过后,即可获得现金奖励,奖励规则可见: 查看奖励规则