Update the examples to show both num_updates and num_renders

README.md

@@ -112,7 +112,7 @@ use the crate in a web browser. You can run it with:
 cd examples/using_wasm && ./run_example
 ```
 
-Then open [localhost:8000](http://localhost:8000) in your web browser.
+Then open [localhost:8000](http://localhost:8000) in your web browser. The counters just tick up on the web page:
 
 ![Using WASM](./examples/using_wasm.png)
 
@@ -125,6 +125,8 @@ use the crate alongside a winit window. You can run it with:
 cargo run --example using_winit --features winit
 ```
 
+The counters just tick up on the window title:
+
 ![Using Winit](./examples/using_winit.png)
 
 ## Example 4: Using a TAO Window
@@ -136,6 +138,8 @@ crate alongside a TAO window with a native menu bar. You can run it with:
 cargo run --example using_tao --features tao
 ```
 
+The counters just tick up on the window title:
+
 ![Using TAO](./examples/using_tao.png)
 
 ## License

examples/using_tao.rs

@@ -34,7 +34,8 @@ fn main() {
 
 #[derive(Default)]
 struct Game {
-    counter: u32,
+    num_updates: u32,
+    num_renders: u32,
 }
 
 impl Game {
@@ -43,11 +44,12 @@ impl Game {
     }
 
     pub fn your_update_function(&mut self) {
-        self.counter += 1;
+        self.num_updates += 1;
     }
 
-    pub fn your_render_function(&self, window: &Window) {
-        window.set_title(&format!("Counter: {}", self.counter));
+    pub fn your_render_function(&mut self, window: &Window) {
+        self.num_renders += 1;
+        window.set_title(&format!("num_updates: {}, num_renders: {}", self.num_updates, self.num_renders));
     }
 
     // A very simple handler that returns false when CloseRequested is detected.

examples/using_wasm/run_example

@@ -8,4 +8,5 @@ cargo install live-server                                                   && \
 wasm-pack build --dev --target no-modules --out-dir target --out-name index && \
 mv target/index_bg.wasm target/index.wasm                                   && \
                                                                                \
-live-server -h 0.0.0.0
+echo "Starting server at http://localhost:8000"                             && \
+live-server -h 0.0.0.0 -p 8000

examples/using_wasm/src/main.rs

@@ -14,7 +14,8 @@ pub fn main() {
 
 struct Game {
     span: web_sys::Element,
-    counter: u32,
+    num_updates: u32,
+    num_renders: u32,
 }
 
 impl Game {
@@ -26,14 +27,15 @@ impl Game {
 
         body.append_child(&span).unwrap();
 
-        Self { span, counter: 0 }
+        Self { span, num_updates: 0, num_renders: 0 }
     }
 
     pub fn your_update_function(&mut self) {
-        self.counter += 1;
+        self.num_updates += 1;
     }
 
-    pub fn your_render_function(&self) {
-        self.span.set_inner_html(&format!("Counter: {}", self.counter));
+    pub fn your_render_function(&mut self) {
+        self.num_renders += 1;
+        self.span.set_inner_html(&format!("num_updates: {}, num_renders: {}", self.num_updates, self.num_renders));
     }
 }

examples/using_winit.rs

@@ -27,7 +27,8 @@ fn main() {
 
 #[derive(Default)]
 struct Game {
-    counter: u32,
+    num_updates: u32,
+    num_renders: u32,
 }
 
 impl Game {
@@ -36,11 +37,12 @@ impl Game {
     }
 
     pub fn your_update_function(&mut self) {
-        self.counter += 1;
+        self.num_updates += 1;
     }
 
-    pub fn your_render_function(&self, window: &Window) {
-        window.set_title(&format!("Counter: {}", self.counter));
+    pub fn your_render_function(&mut self, window: &Window) {
+        self.num_renders += 1;
+        window.set_title(&format!("num_updates: {}, num_renders: {}", self.num_updates, self.num_renders));
     }
 
     // A very simple handler that returns false when CloseRequested is detected.