<p>Rustのamethystを利用した本があったので、それを読み進めていたのですが実行ができなかった。多分私のGPUとかの問題？vulkan物理デバイスが見つからないと怒られmacはxcode入れるのが面倒くさいので止めました。</p>
<p>途方に暮れていたらBEVYを見つけました。まずちゃんと起動できるかどうかを先にサンプルで試したところ、ブロック崩しのゲームが開始されたので、これはいけると思い始めました。</p>
<h2>環境構築</h2>
<p>Bevyのプロジェクトを立ち上げるため、環境構築をします。公式ドキュメントの通りに進めていきます。</p>
<p>まずは普通にプロジェクトを作成</p>
<div class="remark-highlight"><pre class="language-unknown"><code class="language-unknown">D:\rust&#x26;gt;cargo new my_sample
     Created binary (application) `my_sample` package

D:\rust&#x26;gt;cd my_sample</code></pre></div>
<p>こうすると空のプロジェクトが作られるのでCargo.tomlは以下のようになっている</p>
<div class="remark-highlight"><pre class="language-html"><code class="language-html">[package]
name = "my_sample"
version = "0.1.0"
edition = "2021"

# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

[dependencies]
</code></pre></div>
<p>次に依存を追加する</p>
<div class="remark-highlight"><pre class="language-unknown"><code class="language-unknown">cargo add bevy</code></pre></div>
<p>依存関係が追加される</p>
<div class="remark-highlight"><pre class="language-html"><code class="language-html">[package]
name = "my_sample"
version = "0.1.0"
edition = "2021"

# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

[dependencies]
bevy = "0.8.1"
</code></pre></div>
<h2>まずは動かす</h2>
<p>まずはログにテキストを出力してみます。</p>
<p>2d/sprite.rsを作成します。</p>
<p><img src="/3555/1.png" alt="画像"></p>
<p>適当にテキストをプリントしているだけです。この時点で補完が効かないのでCargo.tomlに以下を追記します。※この辺のCargo.toml修正の動きはよく理解してないのでとりあえず公式を参考にやってます。</p>
<div class="remark-highlight"><pre class="language-html"><code class="language-html">[[example]]
name = "sprite"
path = "2d/sprite.rs"
</code></pre></div>
<p>これで実行するとログが出力されます</p>
<p><img src="/3555/2.png" alt="画像"></p>
<h2>アプリケーションの作成</h2>
<p>今度はBevyアプリケーションを作成します。アプリケーションに対してスケジュールを登録するという単純なことをやります</p>
<p>sprite.rsを以下のようにして実行します</p>
<div class="remark-highlight"><pre class="language-rs"><code class="language-rs">use bevy::prelude::*;

fn main(){
    App::new()
    .add_startup_system(setup)
    .run();
}

fn setup(){
    print!(&#x26;quot;グッジョブです！と、ミサカは惜しみない賞賛を贈ります。&#x26;quot;);  
}</code></pre></div>
<div class="remark-highlight"><pre class="language-html"><code class="language-html">Compiling my_sample v0.1.0 (D:\rust\my_sample)
    Finished dev [unoptimized + debuginfo] target(s) in 2.28s
     Running `target\debug\examples\sprite.exe`
グッジョブです！と、ミサカは惜しみない賞賛を贈ります。 *  ターミナルはタスクで再利用されます、閉じるには任意のキーを押してください。 

</code></pre></div>
<h2>画像を表示する</h2>
<p>次に画像を表示させます。</p>
<p>assets/imagesフォルダを作成して、画像を入れておきます。</p>
<p>sprinte.rsを以下のように修正して実行します</p>
<div class="remark-highlight"><pre class="language-rs"><code class="language-rs">use bevy::prelude::*;

fn main(){
    App::new()
    .add_plugins(DefaultPlugins)
    .add_startup_system(setup)
    .run();
    // print!(&#x26;quot;グッジョブです！と、ミサカは惜しみない賞賛を贈ります。&#x26;quot;);  
}

fn setup(mut command: Commands, asset_server: Res&#x26;lt;AssetServer&#x26;gt;){
    command.spawn_bundle(Camera2dBundle::default());
    command.spawn_bundle(SpriteBundle {
        texture: asset_server.load(&#x26;quot;images/chara.png&#x26;quot;),
        ..default()
    });
}</code></pre></div>
<p>巨大な画像が表示されました。</p>
<p><img src="/3555/3.png" alt="画像"></p>
<p>Bevyは様々な機能をプラグインとして提供しているので、必要な機能のみを選んで利用することができます。例えばUIが不要ならばUiPluginを入れなければいいという感じです。</p>
<p>手間のかからないフルエンジンであるデフォルトプラグインを利用しました。CorePluginやInputPlugin、WindowPluginなどが追加されます。</p>
<h2>ウインドウサイズを変更する</h2>
<div class="remark-highlight"><pre class="language-rs"><code class="language-rs">fn main(){
    App::new()
    .insert_resource(WindowDescriptor{
        title:&#x26;quot;サンプルゲーム&#x26;quot;.to_string(),
        width:480.0,
        height:320.0,
        ..Default::default()
    })
    .add_plugins(DefaultPlugins)
    .add_startup_system(setup)
    .run(); 
}</code></pre></div>
<p>指定したサイズで画面が表示さており、タイトルもサンプルゲームに変更されています。</p>
<p><img src="/3555/4.png" alt="画像"></p>
<h2>画像のスケール</h2>
<p>表示されている画像が大きいので縮小して表示させます。利用した画像が大きかったのでかなり縮小して表示しています。</p>
<p>SpriteBundleのtransformを指定しています</p>
<div class="remark-highlight"><pre class="language-rs"><code class="language-rs">fn setup(mut command: Commands, asset_server: Res&#x26;lt;AssetServer&#x26;gt;){
    command.spawn_bundle(Camera2dBundle::default());
    command.spawn_bundle(SpriteBundle {
        texture: asset_server.load(&#x26;quot;images/chara.png&#x26;quot;),
        transform: Transform {
            scale: Vec3::new(0.1,0.1,1.0),
            ..Default::default()
        },
        ..default()
    });
}</code></pre></div>
<p><img src="/3555/5.png" alt="画像"></p>
<p>かなり縮小してイイ感じ</p>
<h2>動かす</h2>
<p>表示したキャラクターを動かしてみます。通常は画像を切り替えてアニメーションを表現しますが、今回はこの画像のまま座標移動のみをやってみます。</p>
<p>ところで画像を表示する時はadd_startup_systemを使いましたが、add_systemというのもあり、これを使うと何度も呼ばれることになります。</p>
<p>以下のようなコンソール出力を行うsample関数を登録すると…</p>
<div class="remark-highlight"><pre class="language-rs"><code class="language-rs">fn main(){
    App::new()
    .insert_resource(WindowDescriptor{
        title:&#x26;quot;サンプルゲーム&#x26;quot;.to_string(),
        width:480.0,
        height:320.0,
        ..Default::default()
    })    
    .add_plugins(DefaultPlugins)
    .add_startup_system(setup)
    .add_system(sample)
    .run(); 
}

fn sample(){
    println!(&#x26;quot;御坂美琴&#x26;quot;);
}</code></pre></div>
<p><img src="/3555/6.png" alt="画像"></p>
<p>何度もログが出力されていることがわかります。</p>
<p>そのため移動系のメソッドは、add_systemを利用して関数を登録することにします</p>
<h3>Query</h3>
<p>Entityのcomponentsを取得することができます。ここを見ると詳しく書いてます</p>
<p>https://bevy-cheatbook.github.io/programming/queries.html?highlight=query#queries</p>
<p>とりあえずコンポーネントを付けないといけないのでNameというコンポーネントをSpriteBundleに対して登録します。</p>
<p>そしてmovementメソッドをadd_systemに渡します</p>
<div class="remark-highlight"><pre class="language-rs"><code class="language-rs">use bevy::prelude::*;

// コンポーネントを定義する
#[derive(Component)]
struct Name {
    name: String,
}

fn main(){
    App::new()
    .insert_resource(WindowDescriptor{
        title:&#x26;quot;サンプルゲーム&#x26;quot;.to_string(),
        width:480.0,
        height:320.0,
        ..Default::default()
    })    
    .add_plugins(DefaultPlugins)
    .add_startup_system(setup)
    .add_system(movement)
    .run(); 
}

// NameとTransformコンポーネントを持つエンティティへのアクセス
fn movement(mut query: Query&#x26;lt;(&#x26;amp;Name, &#x26;amp;mut Transform)&#x26;gt;){
    for( name, mut transform) in query.iter_mut(){
        transform.translation.x += 0.1;
        println!(&#x26;quot;{}&#x26;quot;, name.name);
    }
}

fn setup(mut command: Commands, asset_server: Res&#x26;lt;AssetServer&#x26;gt;){
    command.spawn_bundle(Camera2dBundle::default());
    command.spawn_bundle(SpriteBundle {
        texture: asset_server.load(&#x26;quot;images/chara.png&#x26;quot;),
        transform: Transform {
            scale: Vec3::new(0.1,0.1,1.0),
            ..Default::default()
        },
        ..default()
    })
    // コンポーネントを登録する
    .insert(Name { name:&#x26;quot;垣根提督&#x26;quot;.to_string() } );
}</code></pre></div>
<p>少しずつ画像が移動しているのがわかります。(無駄にログ出力していますがお許しください）</p>
<p><img src="/3555/7.png" alt="画像"></p>
<p>取得できるEntityが一つだと保証できる場合はsingle_mutメソッドが利用できます。</p>
<div class="remark-highlight"><pre class="language-rs"><code class="language-rs">fn movement(mut query: Query&#x26;lt;(&#x26;amp;Name, &#x26;amp;mut Transform)&#x26;gt;){
    let (name, mut transform) = query.single_mut();
    transform.translation.x += 0.1;
    println!(&#x26;quot;{}&#x26;quot;, name.name);
}</code></pre></div>
<p>この辺のライフタイムは全く勉強してないので宿題です…</p>
<h2>Playerにする</h2>
<p>今はNameというコンポーネントで無理やりクエリに適合させていますが？Playerというコンポーネントを使って再定義します。</p>
<div class="remark-highlight"><pre class="language-rs"><code class="language-rs">use bevy::prelude::*;


// Playerコンポーネントを定義する
#[derive(Component)]
struct Player;

fn main(){
    App::new()
    .insert_resource(WindowDescriptor{
        title:&#x26;quot;サンプルゲーム&#x26;quot;.to_string(),
        width:480.0,
        height:320.0,
        ..Default::default()
    })    
    .add_plugins(DefaultPlugins)
    .add_startup_system(setup)
    .add_system(movement)
    .run(); 
}


// TransformとPlayerコンポーネントを持つエンティティへのアクセス(クエリフィルタの利用)
fn movement(mut query: Query&#x26;lt;&#x26;amp;mut Transform,With&#x26;lt;Player&#x26;gt;&#x26;gt;){
    let mut transform = query.single_mut();
    transform.translation.x += 0.1;
}


fn setup(mut command: Commands, asset_server: Res&#x26;lt;AssetServer&#x26;gt;){
    command.spawn_bundle(Camera2dBundle::default());
    command.spawn_bundle(SpriteBundle {
        texture: asset_server.load(&#x26;quot;images/chara.png&#x26;quot;),
        transform: Transform {
            scale: Vec3::new(0.1,0.1,1.0),
            ..Default::default()
        },
        ..default()
    })
    // Playerを登録する
    .insert(Player);
}</code></pre></div>
<p>出力結果は同じですが、こっちのほうがわかりやすいですね。</p>
<h2>キーボードで動かす</h2>
<p>最後に画像をキーボードで動かします。</p>
<p>movementメソッドでkeyイベントを受け取るようにすればOKです。</p>
<div class="remark-highlight"><pre class="language-rs"><code class="language-rs">use bevy::prelude::*;

// Playerコンポーネントを定義する
#[derive(Component)]
struct Player;

fn main(){
    App::new()
    .insert_resource(WindowDescriptor{
        title:&#x26;quot;サンプルゲーム&#x26;quot;.to_string(),
        width:480.0,
        height:320.0,
        ..Default::default()
    })    
    .add_plugins(DefaultPlugins)
    .add_startup_system(setup)
    .add_system(movement)
    .run(); 
}

fn movement(
    // キーイベントを追加
    key_input : Res&#x26;lt;Input&#x26;lt;KeyCode&#x26;gt;&#x26;gt;,
    mut query: Query&#x26;lt;&#x26;amp;mut Transform,With&#x26;lt;Player&#x26;gt;&#x26;gt;
){
    // transformの取得
    let mut transform = query.single_mut();
    // →キーを押している場合
    if key_input.pressed(KeyCode::Right) {
        // 移動量増やしています
        transform.translation.x += 0.8;
    }
}

/*
// TransformとPlayerコンポーネントを持つエンティティへのアクセス(クエリフィルタの利用)
fn movement(mut query: Query&#x26;lt;&#x26;amp;mut Transform,With&#x26;lt;Player&#x26;gt;&#x26;gt;){
    let mut transform = query.single_mut();
    transform.translation.x += 0.1;
}
*/

fn setup(mut command: Commands, asset_server: Res&#x26;lt;AssetServer&#x26;gt;){
    command.spawn_bundle(Camera2dBundle::default());
    command.spawn_bundle(SpriteBundle {
        texture: asset_server.load(&#x26;quot;images/chara.png&#x26;quot;),
        transform: Transform {
            scale: Vec3::new(0.1,0.1,1.0),
            ..Default::default()
        },
        ..default()
    })
    // Playerを登録する
    .insert(Player);
}</code></pre></div>
<p>矢印キーの右を押している間だけ右に動きます。</p>
<p><img src="/3555/8.png" alt="画像"></p>
<p>駆け足で色々無視しながらですが、キーボードで画像を動かすところまではできました。簡単にキーイベントも受け取れるのが便利です。</p>
<h4>最後に一言</h4>
<p>そもそも、もっとRust自体の勉強をしないといけないということがよくわかりました（笑）</p>
<h4>利用させていただいた画像</h4>
<p>https://www.ac-illust.com/main/profile.php?id=DQO9yeUP&#x26;area=1</p>

Rust – Bevyでゲームを作る勉強記録