Rails Girls项目：用Ruby编写简单游戏教程

Rails Girls项目：用Ruby编写简单游戏教程

guides.railsgirls.com Rails Girls Guides 项目地址: https://gitcode.com/gh_mirrors/gu/guides.railsgirls.com

前言

本教程将带你使用Ruby语言和Gosu游戏开发库创建一个简单的2D游戏。Gosu是一个非常适合初学者的2D游戏开发框架，它提供了对图形、声音和输入设备的友好接口，让游戏开发变得简单有趣。

环境准备

安装Gosu库

在开始之前，我们需要安装Gosu gem。打开终端并执行以下命令：

gem install gosu

或者如果你使用Bundler管理依赖，可以在Gemfile中添加：

gem "gosu", "~> 0.7.48"

然后运行bundle install安装依赖。

运行示例游戏

安装完成后，你可以尝试运行Gosu自带的示例游戏来了解它的功能：

cd $(gem environment gemdir)/gems/gosu-0.7.48/examples
ruby Tutorial.rb

这会运行一个简单的教程游戏，帮助你理解Gosu的基本概念。

创建你的第一个游戏

游戏基本结构

每个Gosu游戏都基于一个主窗口类，这个类继承自Gosu::Window。下面是一个最基本的游戏框架：

#!/usr/bin/env ruby -w
require 'rubygems'
require 'gosu'

class Game < Gosu::Window
  def initialize
    super(640, 480, false)  # 设置窗口大小为640x480，非全屏
    self.caption = "我的第一个游戏"  # 设置窗口标题
  end
  
  def update
    # 游戏逻辑更新
  end
  
  def draw
    # 绘制游戏画面
  end
end

Game.new.show  # 创建并显示游戏窗口

添加游戏角色

让我们为游戏添加一个可控制的角色。首先，我们需要准备角色素材（sprites.png），然后加载它：

def initialize
  super(640, 480, false)
  self.caption = "跳跃冒险"
  
  # 加载角色动画帧
  @standing, @walk1, @walk2, @jump = *Gosu::Image.load_tiles(self, "sprites.png", 100, 160, false)
  
  # 设置初始位置和状态
  @x, @y = 400, 0
  @vy = 0  # 垂直速度
  @dir = :left  # 初始朝向
  @cur_image = @standing  # 当前显示的图像
end

处理用户输入

我们需要响应键盘输入来控制角色移动：

def button_down(id)
  if id == Gosu::KbSpace
    # 空格键跳跃
    @vy = -10 if @y >= 400  # 只有在地面上才能跳跃
  end
end

def update
  # 左右移动
  if Gosu.button_down?(Gosu::KbLeft)
    @x -= 5
    @dir = :left
  elsif Gosu.button_down?(Gosu::KbRight)
    @x += 5
    @dir = :right
  end
  
  # 重力效果
  @vy += 0.5
  @y += @vy
  
  # 地面检测
  if @y > 400
    @y = 400
    @vy = 0
  end
end

绘制游戏画面

最后，我们需要在屏幕上绘制游戏元素：

def draw
  # 绘制白色背景地面
  draw_quad(0, 400, Gosu::Color::WHITE, 
            640, 400, Gosu::Color::WHITE, 
            640, 500, Gosu::Color::WHITE, 
            0, 500, Gosu::Color::WHITE)
  
  # 根据朝向决定角色绘制方式
  if @dir == :left
    offs_x = -25
    factor = 1.0  # 不翻转
  else
    offs_x = 25
    factor = -1.0  # 水平翻转
  end
  
  # 绘制角色
  @cur_image.draw(@x + offs_x, @y - 49, 0, factor, 1.0)
end

进阶内容

添加动画效果

你可以通过在不同帧切换角色图像来创建行走动画：

def update
  # ...其他更新逻辑...
  
  # 动画更新
  if @vy != 0
    @cur_image = @jump
  elsif Gosu.button_down?(Gosu::KbLeft) || Gosu.button_down?(Gosu::KbRight)
    # 在行走动画帧之间切换
    @cur_image = (milliseconds / 100 % 2 == 0) ? @walk1 : @walk2
  else
    @cur_image = @standing
  end
end

添加音效

Gosu支持播放音效和背景音乐。首先加载音效文件：

def initialize
  # ...其他初始化代码...
  @jump_sound = Gosu::Sample.new("jump.wav")
end

然后在适当的时候播放：

def button_down(id)
  if id == Gosu::KbSpace && @y >= 400
    @vy = -10
    @jump_sound.play
  end
end

调试与优化

常见问题

1. 图像不显示：检查文件路径是否正确，确保图像文件存在
2. 角色移动不流畅：尝试调整移动速度和帧率
3. 碰撞检测不准确：可能需要实现更精确的碰撞检测逻辑

性能优化

• 预加载所有资源
• 避免在draw方法中创建新对象
• 对于大量相似对象，考虑使用精灵批处理

总结

通过本教程，你已经学会了使用Ruby和Gosu创建简单2D游戏的基本方法。从设置开发环境到创建游戏窗口，从处理用户输入到实现游戏逻辑，这些都是游戏开发的基础。

你可以继续扩展这个游戏，比如添加敌人、收集物品、设计关卡等。游戏开发是一个充满创意的过程，尽情发挥你的想象力吧！

资源推荐

• 免费游戏素材网站
• 开源游戏开发社区
• Ruby游戏开发进阶书籍

记住，最好的学习方式就是实践和尝试。修改代码，看看会发生什么变化，这是理解游戏开发最好的方法。祝你编程愉快！

guides.railsgirls.com Rails Girls Guides 项目地址: https://gitcode.com/gh_mirrors/gu/guides.railsgirls.com