From dd8047d45e670f55c68307a9c323def50661007f Mon Sep 17 00:00:00 2001
From: Ong <ongyernyee@gmail.com>
Date: Sun, 30 Oct 2022 02:38:48 +0800
Subject: [PATCH 1/2] Add an 2d example of pixel bevy

---
 Cargo.toml                        |  10 +++++++
 assets/pixel/bevy_pixel_dark.png  | Bin 0 -> 4902 bytes
 assets/pixel/bevy_pixel_light.png | Bin 0 -> 182 bytes
 examples/2d/pixel_perfect.rs      |  45 ++++++++++++++++++++++++++++++
 4 files changed, 55 insertions(+)
 create mode 100644 assets/pixel/bevy_pixel_dark.png
 create mode 100644 assets/pixel/bevy_pixel_light.png
 create mode 100644 examples/2d/pixel_perfect.rs

diff --git a/Cargo.toml b/Cargo.toml
index f4c6f3f9f9037..d20859cdd2e3f 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -262,6 +262,16 @@ description = "Demonstrates transparency in 2d"
 category = "2D Rendering"
 wasm = true
 
+[[example]]
+name = "pixel_perfect"
+path = "examples/2d/pixel_perfect.rs"
+
+[package.metadata.example.pixel_perfect]
+name = "Pixel Perfect"
+description = "Demonstrates pixel perfect in 2d"
+category = "2D Rendering"
+wasm = true
+
 # 3D Rendering
 [[example]]
 name = "3d_scene"
diff --git a/assets/pixel/bevy_pixel_dark.png b/assets/pixel/bevy_pixel_dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..15feaa94603291e41a863169d93bc996dbbe60b7
GIT binary patch
literal 4902
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
V;{Bj+#)E92SV>&e0ddCKzW^A_JtqJF

literal 0
HcmV?d00001

diff --git a/assets/pixel/bevy_pixel_light.png b/assets/pixel/bevy_pixel_light.png
new file mode 100644
index 0000000000000000000000000000000000000000..f6225fe25eabb74acbc9256f2a4fec01eb28ba21
GIT binary patch
literal 182
zcmeAS@N?(olHy`uVBq!ia0vp^4M3d0#0(@?h)lW#q<8{+LR^8ghK9!B!-q>tOPA}i
zlmq#UB|(0{3=Yq3qyae*o-U3d9><?vILO<eAix?pdx_`lD}Q3o3M^>;$*z3Hx^S(u
z={dg%H{z8g?*FLHGW)<jErUgU(oF`&g6lR3{k%f94@4?8_-AalpCYSL{)Mq9X%oM|
c&frFI<4ZdKM1t?h0PSG#boFyt=akR{01df32><{9

literal 0
HcmV?d00001

diff --git a/examples/2d/pixel_perfect.rs b/examples/2d/pixel_perfect.rs
new file mode 100644
index 0000000000000..16188d97cdec2
--- /dev/null
+++ b/examples/2d/pixel_perfect.rs
@@ -0,0 +1,45 @@
+//! Renders a 2D scene containing pixelated bevy logo in pixel perfect
+
+use bevy::prelude::*;
+
+fn main(){
+    App::new()
+        .add_plugins(DefaultPlugins)
+        .add_plugin(ImagePlugin::default_nearest())
+        .add_startup_system(setup)
+        .add_system(sprite_movement)
+        .run();
+}
+
+#[derive(Component)]
+enum Direction {
+    Left,
+    Right,
+}
+
+fn setup(mut commands: Commands, asset_server: Res<AssetServer>) {
+    commands.spawn(Camera2dBundle::default());
+    commands.spawn((
+        SpriteBundle {
+            texture: asset_server.load("pixel/bevy_pixel_light.png"),
+            transform: Transform::from_xyz(100., 0., 0.),
+            ..default()
+        },
+        Direction::Right,
+    ));
+}
+
+fn sprite_movement(time: Res<Time>, mut sprite_position: Query<(&mut Direction, &mut Transform)>) {
+    for (mut logo, mut transform) in &mut sprite_position {
+        match *logo {
+            Direction::Right => transform.translation.x += 30. * time.delta_seconds(),
+            Direction::Left => transform.translation.x -= 30. * time.delta_seconds(),
+        }
+
+        if transform.translation.x > 200. {
+            *logo = Direction::Left;
+        } else if transform.translation.x < -200. {
+            *logo = Direction::Right;
+        }
+    }
+}
\ No newline at end of file

From a3d9c9f4b0d4c9d77e28ed3b6196647298c20907 Mon Sep 17 00:00:00 2001
From: Ong <ongyernyee@gmail.com>
Date: Mon, 31 Oct 2022 00:48:59 +0800
Subject: [PATCH 2/2] Add suggestions, and fix ci

---
 examples/2d/pixel_perfect.rs | 9 ++++-----
 examples/README.md           | 1 +
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/examples/2d/pixel_perfect.rs b/examples/2d/pixel_perfect.rs
index 16188d97cdec2..cce3d6135fa30 100644
--- a/examples/2d/pixel_perfect.rs
+++ b/examples/2d/pixel_perfect.rs
@@ -1,11 +1,10 @@
-//! Renders a 2D scene containing pixelated bevy logo in pixel perfect
+//! Renders a 2D scene containing pixelated bevy logo in a pixel perfect style
 
 use bevy::prelude::*;
 
-fn main(){
+fn main() {
     App::new()
-        .add_plugins(DefaultPlugins)
-        .add_plugin(ImagePlugin::default_nearest())
+        .add_plugins(DefaultPlugins.set(ImagePlugin::default_nearest()))
         .add_startup_system(setup)
         .add_system(sprite_movement)
         .run();
@@ -42,4 +41,4 @@ fn sprite_movement(time: Res<Time>, mut sprite_position: Query<(&mut Direction,
             *logo = Direction::Right;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/examples/README.md b/examples/README.md
index e5e1139785669..29e24d8559876 100644
--- a/examples/README.md
+++ b/examples/README.md
@@ -93,6 +93,7 @@ Example | Description
 [Mesh 2D](../examples/2d/mesh2d.rs) | Renders a 2d mesh
 [Mesh 2D With Vertex Colors](../examples/2d/mesh2d_vertex_color_texture.rs) | Renders a 2d mesh with vertex color attributes
 [Move Sprite](../examples/2d/move_sprite.rs) | Changes the transform of a sprite
+[Pixel Perfect](../examples/2d/pixel_perfect.rs) | Demonstrates pixel perfect in 2d
 [Sprite](../examples/2d/sprite.rs) | Renders a sprite
 [Sprite Flipping](../examples/2d/sprite_flipping.rs) | Renders a sprite flipped along an axis
 [Sprite Sheet](../examples/2d/sprite_sheet.rs) | Renders an animated sprite