Moving the paddles
In the previous chapter, we learned about the relationship between entities and components, and how they represent the "things" in our games. This chapter introduces Systems - the S in "ECS". Systems are objects that represent operations over entities, or more specifically, combinations of components. Let's add a system that moves the paddles based on user input.
A system is nothing more than a function that runs once each frame and
potentially makes some changes to components. If you've used other game
engines, this probably sounds familiar: Unity engine calls these objects
MonoBehaviours and Unreal engine calls them Actors, but these all represent
the same basic idea.
Systems in specs/Amethyst are slightly different. Rather than describe the behavior of a single instance (eg, a single enemy in your game), they describe the behavior of all components of a specific type (all enemies). This makes your code more modular, easier to test, and makes it run faster.
Let's get started.
Capturing user input
To capture user input, we'll need to introduce a few more files to our game.
Let's start by creating a resource file under the resources directory of our
project, called bindings_config.ron:
(
axes: {
"left_paddle": (pos: Key(W), neg: Key(S)),
"right_paddle": (pos: Key(Up), neg: Key(Down)),
},
actions: {},
)
In Amethyst, inputs can be either scalar inputs (a button that is either pressed or not), or axes (a range that relates two buttons as opposite ends of a range). In this file, we're creating two axes: W and S will move the left paddle up and down, and the Up and Down arrow keys will move the right paddle up and down.
Next, we'll add an input bundle to the game's Application object, that
contains an input handler system which captures inputs and maps them to the
axes we defined. Let's make the following changes to main.rs.
use amethyst::input::InputBundle;
let binding_path = format!(
"{}/resources/bindings_config.ron",
env!("CARGO_MANIFEST_DIR")
);
let input_bundle = InputBundle::<String, String>::new().with_bindings_from_file(binding_path);
let game_data = GameDataBuilder::default()
.with_bundle(TransformBundle::new())?
.with_bundle(RenderBundle::new(pipe, Some(config)))?
.with_bundle(input_bundle)?
.with(systems::PaddleSystem, "paddle_system", &["input_system"]);
let mut game = Application::new("./", Pong, game_data)?;
game.run();
At this point, we're ready to write a system that reads input from the
InputHandler, and moves the paddles accordingly. First, we'll create a
directory called systems under src to hold all our systems. We'll use a
module to collect and export each of our systems to the rest of the
application. Here's our mod.rs for src/systems:
mod paddle;
pub use self::paddle::PaddleSystem;
We're finally ready to implement the PaddleSystem:
use pong::{Paddle, Side};
use amethyst::ecs::{System, Join, Fetch};
use amethyst::input::InputHandler;
use amethyst::core::transform::components::Transform;
use amethyst::ecs::{ReadStorage, WriteStorage};
pub struct PaddleSystem;
impl<'s> System<'s> for PaddleSystem {
type SystemData = (
WriteStorage<'s, Transform>,
ReadStorage<'s, Paddle>,
Read<'s, InputHandler<String, String>>,
);
fn run(&mut self, (mut transforms, paddles, input): Self::SystemData) {
for paddle in (&paddles).join() {
let movement = match paddle.side {
Side::Left => input.axis_value("left_paddle"),
Side::Right => input.axis_value("right_paddle"),
};
if let Some(mv_amount) = movement {
if mv_amount != 0.0 {
println!("Side {:?} moving {}", paddle.side, mv_amount);
}
}
}
}
}
Note: We had to make our Paddle and Side public in pong.rs
Now lets add this system to our ApplicationBuilder in main.rs:
mod systems;
// in the run() function
let mut game = Application::build("./", Pong)?
.with_bundle(TransformBundle::new())?
.with_bundle(RenderBundle::new(pipe, Some(config)))?
.with_bundle(input_bundle)?
.with(systems::PaddleSystem, "paddle_system", &["input_system"])
.build()?;
Let's review what our system does, because there's quite a bit there.
We create a unit struct, called PaddleSystem, and implement the System
trait for it. The trait specifies the lifetime of the components on which it
operates. Inside the implementation, we define the SystemData the system
operates on, a tuple of WriteStorage, ReadStorage, and Read. More
specifically, the generic types we've used here tell us that the PaddleSystem
mutates LocalTransform components, WriteStorage<'s, LocalTransform>, it
reads Paddle components, ReadStorage<'s, Paddle>, and also accesses the
InputHandler<String, String> resource we created earlier, using the Read
structure.
It's worth noting an important difference between the objects our system
accesses. A system will iterate over entities that contain one of each of
the components that it specifies in its SystemData. Going back to our example,
the PaddleSystem will ignore any entity that is missing a Paddle,
LocalTransform or both.
Modifying the transform
If we run the game now, we'll see the console print our keypresses. Let's make it update the position of the paddle. To do this, we'll modify the y component of the transform's translation.
fn run(&mut self, (mut transforms, paddles, input): Self::SystemData) {
for (paddle, mut transform) in (&paddles, &mut transforms).join() {
let movement = match paddle.side {
Side::Left => input.axis_value("left_paddle"),
Side::Right => input.axis_value("right_paddle"),
};
if let Some(mv_amount) = movement {
let scaled_amount = (1.0 / 60.0) * mv_amount as f32;
transform.translation[1] += scaled_amount;
}
}
}
This is our first attempt at moving the paddles: we take the movement, and scale it by some factor to make the motion seem smooth. In a real game, we would use the time elapsed between frames to determine how far to move the paddle, so that the behavior of the game would not be tied to the game's framerate, but this will do for now. If you run the game now, you'll notice the paddles are able to "fall" off the edges of the game area.
To fix this, we'll clamp the translation's y component to be at least -1.0 and
at most 1.0 - PADDLE_HEIGHT (since the translation indicates the paddle's
bottom edge).
Our run function should now look something like this:
fn run(&mut self, (mut transforms, paddles, input): Self::SystemData) {
for (paddle, mut transform) in (&paddles, &mut transforms).join() {
let movement = match paddle.side {
Side::Left => input.axis_value("left_paddle"),
Side::Right => input.axis_value("right_paddle"),
};
if let Some(mv_amount) = movement {
let scaled_amount = (1.0 / 60.0) * mv_amount as f32;
transform.translation[1] = (transform.translation[1] + scaled_amount)
.min(1.0 - PADDLE_HEIGHT)
.max(-1.0);
}
}
}
Note: For the above to work, we'll have to mark PADDLE_HEIGHT as being
public in pong.rs, and then import it in paddle.rs.
Summary
In this chapter, we added an input handler to our game, so that we could capture keypresses. We then created a system that would interpret these keypresses, and move our game's paddles accordingly. In the next chapter, we'll explore another key concept in real-time games: time. We'll make our game aware of time, and add a ball for our paddles to bounce back and forth.