はじめに

この記事は

Rustでゲーム開発をしてみたい
UnityやUnrialEngineとは違うゲームエンジンに触れてみたい
マイナーなものが好き
逆張りしたい

という方に向けて書いています。

Bevyとは

Bevyとは、Rust製のデータ駆動型ゲームエンジンの一つです。特徴として、

オープンソースである。
ECS(Entity component system)を採用している。公式ではBevyECSと言っている。

などがあります。詳しくはBevyの公式サイトで。

Bevyの導入

Bevyを導入するのはとても簡単です。その前に新しいプロジェクトを作成しましょう。

ここではRustのインストール済みであるとして進めます。
Rustを導入してない方はRustの公式サイトでインストールしてください。

では、プロジェクトを作成してBevyを導入しましょう。ここではHello_bevyとしてプロジェクトを作成します。

cargo new Hello_bevy
cd hello_bevy

お手元のエディタで./cargo.tomlファイルを開いて以下を追加してください。

[dependencies]
bevy = "0.6"

次に最初のプログラムとしてmain.rsを変更します。

use bevy::prelude::*;

fn main() {
   App::new().add_system(hello_world_system).run();
}

fn hello_world_system() {
   println!("hello world");
}

ここまで完了したらコンソールでcargo runしましょう。すると、

Hello World

と出力されます。ですが、このプログラムではコンソールにHello Worldと出力しているだけです。
「ゲームエンジンなんだから画面に描画しろよ」と言いたげですね。それは次章で行います。

画面の描画

まっさらでもなんでもいいからゲーム画面を描画したい。それは簡単にできます。
main内を以下のコードに書き換えてcargo runしてください。

App::new()
    .add_plugins(DefaultPlugins)]
    .add_system(hello_world_system)
    .run();

するとまっさらな画面が現れたと思います。こんな感じで

次に背景色を変更してみましょう。Appに.insert_resource(ClearColor(Color::rgb(0.69, 0.77, 0.87)))を追加します。

App::new()
    .insert_resource(ClearColor(Color::rgb(0.69, 0.77, 0.87)))
    .add_plugins(DefaultPlugins)
    .add_system(hello_world_system)
    .run();

cargo runしてどう変化したのか確かめてみましょう。

フォントの導入

早速Hello Worldの描画を行いたいところですが、Bevyには標準でフォントが用意されていません。なのでフォントを用意する必要があります。追加するフォントはなんでもよいです。ですが、ここではGoogle FontsでダウンロードできるNoto Sans Japaneseを使用します。

ダウンロードが終わったらダウンロードしたフォルダを解凍してhello_bevy/下にassetsディレクトリを作成してその中にフォントデータを格納してください。フォルダ構造は以下のようになります。

hello_bevy
└─── assets
│   │   NotoSansJP-Medium.otf
│
└─── src
│   │   main.rs
│
...

これでHello Worldの描画に必要な素材は集まりました。

Hello World

最小限のHello World

それではHello Worldを描画してみましょう。hello_world_systemを以下のように変更します。
CommandsはEntity Component（文字や画像などのオブジェクト？）を生成するためのもの
AssetServerは画像や音声、フォントなどを読み込むためのものと思ってください。
その程度の理解でいいのか？って大丈夫です。いずれわかります。

fn hello_world_system(mut commands: Commands, asset_server: Res<AssetServer>) {
    commands.spawn_bundle(UiCameraBundle::default());

    commands.spawn_bundle(TextBundle {
        text: Text::with_section(
            "Hello World",
            TextStyle {
                font: asset_server.load("NotoSansJP-Medium.otf"),
                font_size: 100.0,
                ..Default::default()
            },
            TextAlignment::default(),
        ),
        ..Default::default()
    });
}

cargo runして確かめてみましょう。

Hello Worldが左下に表示されていると思います。
それにしてもこれではしっくりきませんね。Hello Worldを中央に寄せてみましょう。

中央寄せ

いろいろ試してみましたがBevyで中央寄せを行うには親要素を追加するのがいいみたいです。むしろこの方法でしか出来なかった。
ということで親要素としてNodeBundleを追加しました。これはHTMLでいう<div>タグみたいなものと思って良いと思います。
with_childrenで子要素を作成します。

fn hello_world_system(mut commands: Commands, asset_server: Res<AssetServer>) {
    commands.spawn_bundle(UiCameraBundle::default());

    commands
        .spawn_bundle(NodeBundle {
            style: Style {
                size: Size::new(Val::Percent(100.0), Val::Percent(100.0)),
                align_items: AlignItems::Center,
                justify_content: JustifyContent::Center,
                ..Default::default()
            },
            color: Color::ORANGE.into(),
            ..Default::default()
        })
        .with_children(|parent| {
            parent.spawn_bundle(TextBundle {
                text: Text::with_section(
                    "Hello Bevy",
                    TextStyle {
                        font: asset_server.load("NotoSansJP-Medium.otf"),
                        font_size: 100.0,
                        color: Color::WHITE,
                        ..Default::default()
                    },
                    TextAlignment::default(),
                ),
                ..Default::default()
            });
        });
}

最後に

Bevyはサンプルプログラムが充実しています。気になった方はBevyのGithubからコードをクローンして実行してみてください。

Bevyで始めるゲーム開発