オブジェクトの設置

丸い形を作成し、設置します。
座標軸はどうやらウィンドウ中央が(0, 0)で、右方向がx軸プラス、上方向がy軸プラスのように見えたけれど、気のせいかも知れません。

fn setup(
    mut commands: Commands,
    mut meshes: ResMut<Assets<Mesh>>,
    mut materials: ResMut<Assets<ColorMaterial>>,
) {
（略）
    let shape = meshes.add(Circle::new(100.0));
    commands.spawn((
        Mesh2d(shape),
        MeshMaterial2d(materials.add(Color::WHITE)),
        Transform::from_xyz(0.0, 0.0, 0.0),
    ));
（略）

キーボード入力処理

キーボード入力イベントとオブジェクトのquery？を引数とするkeyboard_input関数を作成し、Updateへ登録します。

Mesh2dのエンティティ？を取りだし、キーボードの矢印キーの入力イベントがあればエンティティの座標を加算または減算し、変更します。

これによって、丸が動きます。

もし、変更後の座標が画面外へはみ出した場合は、画面の反対側に配置するように座標を書き換えます。

これにより、無限ループ移動が可能となります。

fn keyboard_input(
    window_size: ResMut<WindowSize>,
    keys: Res<ButtonInput<KeyCode>>,
    mut query: Query<&mut Transform, With<Mesh2d>>,
) {
    for mut transform in &mut query {
        if keys.pressed(KeyCode::ArrowLeft) {
            transform.translation.x -= 10.0;
        }
        if keys.pressed(KeyCode::ArrowUp) {
            transform.translation.y += 10.0;
        }
        if keys.pressed(KeyCode::ArrowDown) {
            transform.translation.y -= 10.0;
        }
        if keys.pressed(KeyCode::ArrowRight) {
            transform.translation.x += 10.0;
        }

        if transform.translation.x < -window_size.width / 2.0 {
            transform.translation.x = window_size.width / 2.0;
        }
        if transform.translation.x > window_size.width / 2.0 {
            transform.translation.x = -window_size.width / 2.0;
        }
        if transform.translation.y < -window_size.height / 2.0 {
            transform.translation.y = window_size.height / 2.0;
        }
        if transform.translation.y > window_size.height / 2.0 {
            transform.translation.y = -window_size.height / 2.0;
        }
    }
}

動作確認

これで、丸を動かせるようになりました。

やっぱり、実際に動くと感動しますね。

終わりに

ここは簡単に実現できました。

これができれば、簡単なゲームやアートのような描画もできそうな気がしてきます。

引き続きやっていきましょう。

ここまで読んでいただき、ありがとうございました。