Update to wgpu 0.14

.gitignore

@@ -3,6 +3,9 @@ target/
 .vscode/
 .idea/
 
+.yarn/*
+.yarnrc.yml
+
 /image.png
 /output*.*
 output/

code/beginner/tutorial1-window/Cargo.toml

@@ -13,20 +13,20 @@ path = "src/main.rs"
 
 [dependencies]
 cfg-if = "1"
-winit = "0.26"
+winit = "0.27.1"
 env_logger = "0.9"
 log = "0.4"
-wgpu = "0.13"
+wgpu = "0.14"
 pollster = "0.2"
 
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 console_error_panic_hook = "0.1.6"
 console_log = "0.2.0"
-wgpu = { version = "0.13", features = ["webgl"]}
-wasm-bindgen = "0.2.76"
-wasm-bindgen-futures = "0.4.30"
-web-sys = { version = "0.3.53", features = [
+wgpu = { version = "0.14", features = ["webgl"] }
+wasm-bindgen = "0.2"
+wasm-bindgen-futures = "0.4"
+web-sys = { version = "0.3", features = [
     "Document",
     "Window",
-    "Element",
-]}
+    "Element"
+] }

code/beginner/tutorial2-surface/Cargo.toml

@@ -9,23 +9,23 @@ crate-type = ["cdylib", "rlib"]
 
 [dependencies]
 cfg-if = "1"
-winit = "0.26"
+winit = "0.27.1"
 env_logger = "0.9"
 log = "0.4"
-wgpu = "0.13"
+wgpu = "0.14"
 pollster = "0.2"
 
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 console_error_panic_hook = "0.1.6"
 console_log = "0.2.0"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
-    "Element",
-]}
+    "Element"
+] }
 
 [[bin]]
 name = "tutorial2-surface"

code/beginner/tutorial2-surface/src/challenge.rs

@@ -60,6 +60,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -183,7 +184,9 @@ async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial2-surface/src/lib.rs

@@ -59,6 +59,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -197,10 +198,12 @@ pub async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
-                    
+
                     Err(wgpu::SurfaceError::Timeout) => log::warn!("Surface timeout"),
                 }
             }

code/beginner/tutorial3-pipeline/Cargo.toml

@@ -9,23 +9,23 @@ crate-type = ["cdylib", "rlib"]
 
 [dependencies]
 cfg-if = "1"
-winit = "0.26"
+winit = "0.27.1"
 env_logger = "0.9"
 log = "0.4"
-wgpu = "0.13"
+wgpu = "0.14"
 pollster = "0.2"
 
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 console_error_panic_hook = "0.1.6"
 console_log = "0.2.0"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
-    "Element",
-]}
+    "Element"
+] }
 
 [[bin]]
 name = "tutorial3-pipeline"

code/beginner/tutorial3-pipeline/src/challenge.rs

@@ -58,6 +58,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -295,7 +296,9 @@ async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial3-pipeline/src/lib.rs

@@ -6,7 +6,7 @@ use winit::{
     window::{Window, WindowBuilder},
 };
 
-#[cfg(target_arch="wasm32")]
+#[cfg(target_arch = "wasm32")]
 use wasm_bindgen::prelude::*;
 
 struct State {
@@ -60,6 +60,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -187,7 +188,7 @@ impl State {
     }
 }
 
-#[cfg_attr(target_arch="wasm32", wasm_bindgen(start))]
+#[cfg_attr(target_arch = "wasm32", wasm_bindgen(start))]
 pub async fn run() {
     cfg_if::cfg_if! {
         if #[cfg(target_arch = "wasm32")] {
@@ -207,7 +208,7 @@ pub async fn run() {
         // the size manually when on web.
         use winit::dpi::PhysicalSize;
         window.set_inner_size(PhysicalSize::new(450, 400));
-        
+
         use winit::platform::web::WindowExtWebSys;
         web_sys::window()
             .and_then(|win| win.document())
@@ -219,7 +220,7 @@ pub async fn run() {
             })
             .expect("Couldn't append canvas to document body.");
     }
-    
+
     // State::new uses async code, so we're going to wait for it to finish
     let mut state = State::new(&window).await;
 
@@ -257,7 +258,9 @@ pub async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial4-buffer/Cargo.toml

@@ -10,25 +10,25 @@ crate-type = ["cdylib", "rlib"]
 
 [dependencies]
 cfg-if = "1"
-winit = "0.26"
-wgpu = "0.13"
+winit = "0.27.1"
+wgpu = "0.14"
 env_logger = "0.9"
 log = "0.4"
 pollster = "0.2"
 # NEW!
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 console_error_panic_hook = "0.1"
 console_log = "0.2"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
-    "Element",
-]}
+    "Element"
+] }
 
 [build-dependencies]
 anyhow = "1.0"

code/beginner/tutorial4-buffer/src/challenge.rs

@@ -121,6 +121,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -372,7 +373,9 @@ async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial4-buffer/src/lib.rs

@@ -7,7 +7,7 @@ use winit::{
     window::{Window, WindowBuilder},
 };
 
-#[cfg(target_arch="wasm32")]
+#[cfg(target_arch = "wasm32")]
 use wasm_bindgen::prelude::*;
 
 #[repr(C)]
@@ -117,6 +117,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -261,7 +262,7 @@ impl State {
     }
 }
 
-#[cfg_attr(target_arch="wasm32", wasm_bindgen(start))]
+#[cfg_attr(target_arch = "wasm32", wasm_bindgen(start))]
 pub async fn run() {
     cfg_if::cfg_if! {
         if #[cfg(target_arch = "wasm32")] {
@@ -281,7 +282,7 @@ pub async fn run() {
         // the size manually when on web.
         use winit::dpi::PhysicalSize;
         window.set_inner_size(PhysicalSize::new(450, 400));
-        
+
         use winit::platform::web::WindowExtWebSys;
         web_sys::window()
             .and_then(|win| win.document())
@@ -331,7 +332,9 @@ pub async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial5-textures/Cargo.toml

@@ -10,12 +10,12 @@ crate-type = ["cdylib", "rlib"]
 [dependencies]
 cfg-if = "1"
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 env_logger = "0.9"
 log = "0.4"
 pollster = "0.2"
-wgpu = "0.13"
-winit = "0.26"
+wgpu = "0.14"
+winit = "0.27.1"
 
 [dependencies.image]
 version = "0.24"
@@ -25,14 +25,14 @@ features = ["png", "jpeg"]
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 console_error_panic_hook = "0.1"
 console_log = "0.2"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
-    "Element",
-]}
+    "Element"
+] }
 
 [build-dependencies]
 anyhow = "1.0"

code/beginner/tutorial5-textures/src/challenge.rs

@@ -122,6 +122,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -399,7 +400,9 @@ async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial5-textures/src/lib.rs

@@ -7,7 +7,7 @@ use winit::{
     window::{Window, WindowBuilder},
 };
 
-#[cfg(target_arch="wasm32")]
+#[cfg(target_arch = "wasm32")]
 use wasm_bindgen::prelude::*;
 
 mod texture;
@@ -122,6 +122,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -311,7 +312,7 @@ impl State {
     }
 }
 
-#[cfg_attr(target_arch="wasm32", wasm_bindgen(start))]
+#[cfg_attr(target_arch = "wasm32", wasm_bindgen(start))]
 pub async fn run() {
     cfg_if::cfg_if! {
         if #[cfg(target_arch = "wasm32")] {
@@ -331,7 +332,7 @@ pub async fn run() {
         // the size manually when on web.
         use winit::dpi::PhysicalSize;
         window.set_inner_size(PhysicalSize::new(450, 400));
-        
+
         use winit::platform::web::WindowExtWebSys;
         web_sys::window()
             .and_then(|win| win.document())
@@ -343,7 +344,7 @@ pub async fn run() {
             })
             .expect("Couldn't append canvas to document body.");
     }
-    
+
     // State::new uses async code, so we're going to wait for it to finish
     let mut state = State::new(&window).await;
 
@@ -381,7 +382,9 @@ pub async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial6-uniforms/Cargo.toml

@@ -10,13 +10,13 @@ crate-type = ["cdylib", "rlib"]
 [dependencies]
 cfg-if = "1"
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 cgmath = "0.18"
 env_logger = "0.9"
 log = "0.4"
 pollster = "0.2"
-wgpu = "0.13"
-winit = "0.26"
+wgpu = "0.14"
+winit = "0.27.1"
 
 [dependencies.image]
 version = "0.24"
@@ -26,14 +26,14 @@ features = ["png", "jpeg"]
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 console_error_panic_hook = "0.1"
 console_log = "0.2"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
-    "Element",
-]}
+    "Element"
+] }
 
 [build-dependencies]
 anyhow = "1.0"

code/beginner/tutorial6-uniforms/src/challenge.rs

@@ -272,6 +272,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -570,7 +571,9 @@ async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial6-uniforms/src/lib.rs

@@ -7,7 +7,7 @@ use winit::{
     window::{Window, WindowBuilder},
 };
 
-#[cfg(target_arch="wasm32")]
+#[cfg(target_arch = "wasm32")]
 use wasm_bindgen::prelude::*;
 
 mod texture;
@@ -272,6 +272,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -520,7 +521,7 @@ impl State {
     }
 }
 
-#[cfg_attr(target_arch="wasm32", wasm_bindgen(start))]
+#[cfg_attr(target_arch = "wasm32", wasm_bindgen(start))]
 pub async fn run() {
     cfg_if::cfg_if! {
         if #[cfg(target_arch = "wasm32")] {
@@ -540,7 +541,7 @@ pub async fn run() {
         // the size manually when on web.
         use winit::dpi::PhysicalSize;
         window.set_inner_size(PhysicalSize::new(450, 400));
-        
+
         use winit::platform::web::WindowExtWebSys;
         web_sys::window()
             .and_then(|win| win.document())
@@ -590,7 +591,9 @@ pub async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial7-instancing/Cargo.toml

@@ -10,13 +10,13 @@ crate-type = ["cdylib", "rlib"]
 [dependencies]
 cfg-if = "1"
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 cgmath = "0.18"
 env_logger = "0.9"
 log = "0.4"
 pollster = "0.2"
-wgpu = "0.13"
-winit = "0.26"
+wgpu = "0.14"
+winit = "0.27.1"
 
 [dependencies.image]
 version = "0.24"
@@ -26,14 +26,14 @@ features = ["png", "jpeg"]
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 console_error_panic_hook = "0.1"
 console_log = "0.2"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
-    "Element",
-]}
+    "Element"
+] }
 
 [build-dependencies]
 anyhow = "1.0"

code/beginner/tutorial7-instancing/src/challenge.rs

@@ -326,6 +326,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -671,7 +672,9 @@ async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial7-instancing/src/lib.rs

@@ -8,7 +8,7 @@ use winit::{
     window::{Window, WindowBuilder},
 };
 
-#[cfg(target_arch="wasm32")]
+#[cfg(target_arch = "wasm32")]
 use wasm_bindgen::prelude::*;
 
 mod texture;
@@ -333,6 +333,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -638,7 +639,7 @@ pub async fn run() {
         // the size manually when on web.
         use winit::dpi::PhysicalSize;
         window.set_inner_size(PhysicalSize::new(450, 400));
-        
+
         use winit::platform::web::WindowExtWebSys;
         web_sys::window()
             .and_then(|win| win.document())
@@ -688,7 +689,9 @@ pub async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial8-depth/Cargo.toml

@@ -10,13 +10,13 @@ crate-type = ["cdylib", "rlib"]
 [dependencies]
 cfg-if = "1"
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 cgmath = "0.18"
 env_logger = "0.9"
 pollster = "0.2"
 log = "0.4"
-wgpu = "0.13"
-winit = "0.26"
+wgpu = "0.14"
+winit = "0.27.1"
 
 [dependencies.image]
 version = "0.24"
@@ -26,14 +26,14 @@ features = ["png", "jpeg"]
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 console_error_panic_hook = "0.1"
 console_log = "0.2"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
-    "Element",
-]}
+    "Element"
+] }
 
 [build-dependencies]
 anyhow = "1.0"
@@ -48,4 +48,3 @@ path = "src/main.rs"
 [[bin]]
 name = "tutorial8-challenge"
 path = "src/challenge.rs"
-

code/beginner/tutorial8-depth/src/challenge.rs

@@ -514,6 +514,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -866,7 +867,9 @@ async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial8-depth/src/lib.rs

@@ -8,7 +8,7 @@ use winit::{
     window::{Window, WindowBuilder},
 };
 
-#[cfg(target_arch="wasm32")]
+#[cfg(target_arch = "wasm32")]
 use wasm_bindgen::prelude::*;
 
 mod texture;
@@ -343,6 +343,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -645,7 +646,7 @@ impl State {
     }
 }
 
-#[cfg_attr(target_arch="wasm32", wasm_bindgen(start))]
+#[cfg_attr(target_arch = "wasm32", wasm_bindgen(start))]
 pub async fn run() {
     cfg_if::cfg_if! {
         if #[cfg(target_arch = "wasm32")] {
@@ -665,7 +666,7 @@ pub async fn run() {
         // the size manually when on web.
         use winit::dpi::PhysicalSize;
         window.set_inner_size(PhysicalSize::new(450, 400));
-        
+
         use winit::platform::web::WindowExtWebSys;
         web_sys::window()
             .and_then(|win| win.document())
@@ -677,7 +678,7 @@ pub async fn run() {
             })
             .expect("Couldn't append canvas to document body.");
     }
-    
+
     // State::new uses async code, so we're going to wait for it to finish
     let mut state = State::new(&window).await;
 
@@ -715,7 +716,9 @@ pub async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/beginner/tutorial9-models/Cargo.toml

@@ -9,15 +9,15 @@ crate-type = ["cdylib", "rlib"]
 
 [dependencies]
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 cfg-if = "1"
 cgmath = "0.18"
 env_logger = "0.9"
 pollster = "0.2"
 log = "0.4"
-tobj = { version = "3.2", features = ["async"]}
-wgpu = "0.13"
-winit = "0.26"
+tobj = { version = "3.2", features = ["async"] }
+wgpu = "0.14"
+winit = "0.27.1"
 
 [dependencies.image]
 version = "0.24"
@@ -28,15 +28,15 @@ features = ["png", "jpeg"]
 reqwest = { version = "0.11" }
 console_error_panic_hook = "0.1"
 console_log = "0.2"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
     "Element",
-    "Location",
-]}
+    "Location"
+] }
 
 [build-dependencies]
 anyhow = "1.0"

code/beginner/tutorial9-models/src/lib.rs

@@ -8,12 +8,12 @@ use winit::{
     window::Window,
 };
 
-#[cfg(target_arch="wasm32")]
+#[cfg(target_arch = "wasm32")]
 use wasm_bindgen::prelude::*;
 
 mod model;
-mod texture;
 mod resources;
+mod texture;
 
 use model::{DrawModel, Vertex};
 
@@ -286,6 +286,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
 
         surface.configure(&device, &config);
@@ -388,12 +389,10 @@ impl State {
         });
 
         log::warn!("Load model");
-        let obj_model = resources::load_model(
-            "cube.obj",
-            &device,
-            &queue,
-            &texture_bind_group_layout,
-        ).await.unwrap();
+        let obj_model =
+            resources::load_model("cube.obj", &device, &queue, &texture_bind_group_layout)
+                .await
+                .unwrap();
 
         let shader = device.create_shader_module(wgpu::ShaderModuleDescriptor {
             label: Some("shader.wgsl"),
@@ -558,7 +557,7 @@ impl State {
     }
 }
 
-#[cfg_attr(target_arch="wasm32", wasm_bindgen(start))]
+#[cfg_attr(target_arch = "wasm32", wasm_bindgen(start))]
 pub async fn run() {
     cfg_if::cfg_if! {
         if #[cfg(target_arch = "wasm32")] {
@@ -576,14 +575,13 @@ pub async fn run() {
         .build(&event_loop)
         .unwrap();
 
-    
     #[cfg(target_arch = "wasm32")]
     {
         // Winit prevents sizing with CSS, so we have to set
         // the size manually when on web.
         use winit::dpi::PhysicalSize;
         window.set_inner_size(PhysicalSize::new(450, 400));
-        
+
         use winit::platform::web::WindowExtWebSys;
         web_sys::window()
             .and_then(|win| win.document())
@@ -634,7 +632,9 @@ pub async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/intermediate/tutorial10-lighting/Cargo.toml

@@ -10,14 +10,14 @@ crate-type = ["cdylib", "rlib"]
 [dependencies]
 cfg-if = "1"
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 cgmath = "0.18"
 env_logger = "0.9"
 pollster = "0.2"
 log = "0.4"
-tobj = { version = "3.2", features = ["async"]}
-wgpu = { version = "0.13"}
-winit = "0.26"
+tobj = { version = "3.2", features = ["async"] }
+wgpu = { version = "0.14" }
+winit = "0.27.1"
 
 [dependencies.image]
 version = "0.24"
@@ -28,15 +28,15 @@ features = ["png", "jpeg"]
 reqwest = { version = "0.11" }
 console_error_panic_hook = "0.1"
 console_log = "0.2"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
     "Element",
-    "Location",
-]}
+    "Location"
+] }
 
 [build-dependencies]
 anyhow = "1.0"

code/intermediate/tutorial10-lighting/src/lib.rs

@@ -8,7 +8,7 @@ use winit::{
     window::Window,
 };
 
-#[cfg(target_arch="wasm32")]
+#[cfg(target_arch = "wasm32")]
 use wasm_bindgen::prelude::*;
 
 mod model;
@@ -378,6 +378,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
 
         surface.configure(&device, &config);
@@ -480,12 +481,10 @@ impl State {
             label: Some("camera_bind_group"),
         });
 
-        let obj_model = resources::load_model(
-            "cube.obj",
-            &device,
-            &queue,
-            &texture_bind_group_layout,
-        ).await.unwrap();
+        let obj_model =
+            resources::load_model("cube.obj", &device, &queue, &texture_bind_group_layout)
+                .await
+                .unwrap();
 
         let light_uniform = LightUniform {
             position: [2.0, 2.0, 2.0],
@@ -695,7 +694,7 @@ impl State {
     }
 }
 
-#[cfg_attr(target_arch="wasm32", wasm_bindgen(start))]
+#[cfg_attr(target_arch = "wasm32", wasm_bindgen(start))]
 pub async fn run() {
     cfg_if::cfg_if! {
         if #[cfg(target_arch = "wasm32")] {
@@ -713,14 +712,13 @@ pub async fn run() {
         .build(&event_loop)
         .unwrap();
 
-    
     #[cfg(target_arch = "wasm32")]
     {
         // Winit prevents sizing with CSS, so we have to set
         // the size manually when on web.
         use winit::dpi::PhysicalSize;
         window.set_inner_size(PhysicalSize::new(450, 400));
-        
+
         use winit::platform::web::WindowExtWebSys;
         web_sys::window()
             .and_then(|win| win.document())
@@ -774,7 +772,9 @@ pub async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/intermediate/tutorial11-normals/Cargo.toml

@@ -10,14 +10,14 @@ crate-type = ["cdylib", "rlib"]
 [dependencies]
 cfg-if = "1"
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 cgmath = "0.18"
 env_logger = "0.9"
 pollster = "0.2"
 log = "0.4"
-tobj = { version = "3.2", features = ["async"]}
-wgpu = { version = "0.13"}
-winit = "0.26"
+tobj = { version = "3.2", features = ["async"] }
+wgpu = { version = "0.14" }
+winit = "0.27.1"
 
 [dependencies.image]
 version = "0.24"
@@ -28,15 +28,15 @@ features = ["png", "jpeg"]
 reqwest = { version = "0.11" }
 console_error_panic_hook = "0.1"
 console_log = "0.2"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
     "Element",
-    "Location",
-]}
+    "Location"
+] }
 
 [build-dependencies]
 anyhow = "1.0"
@@ -45,4 +45,4 @@ glob = "0.3"
 
 [[bin]]
 name = "tutorial11-normals"
-path = "src/main.rs"
+path = "src/main.rs"

code/intermediate/tutorial11-normals/src/lib.rs

@@ -8,7 +8,7 @@ use winit::{
     window::Window,
 };
 
-#[cfg(target_arch="wasm32")]
+#[cfg(target_arch = "wasm32")]
 use wasm_bindgen::prelude::*;
 
 mod model;
@@ -378,6 +378,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
 
         surface.configure(&device, &config);
@@ -497,12 +498,10 @@ impl State {
             label: Some("camera_bind_group"),
         });
 
-        let obj_model = resources::load_model(
-            "cube.obj",
-            &device,
-            &queue,
-            &texture_bind_group_layout,
-        ).await.unwrap();
+        let obj_model =
+            resources::load_model("cube.obj", &device, &queue, &texture_bind_group_layout)
+                .await
+                .unwrap();
 
         let light_uniform = LightUniform {
             position: [2.0, 2.0, 2.0],
@@ -746,7 +745,7 @@ impl State {
     }
 }
 
-#[cfg_attr(target_arch="wasm32", wasm_bindgen(start))]
+#[cfg_attr(target_arch = "wasm32", wasm_bindgen(start))]
 pub async fn run() {
     cfg_if::cfg_if! {
         if #[cfg(target_arch = "wasm32")] {
@@ -764,14 +763,13 @@ pub async fn run() {
         .build(&event_loop)
         .unwrap();
 
-    
     #[cfg(target_arch = "wasm32")]
     {
         // Winit prevents sizing with CSS, so we have to set
         // the size manually when on web.
         use winit::dpi::PhysicalSize;
         window.set_inner_size(PhysicalSize::new(450, 400));
-        
+
         use winit::platform::web::WindowExtWebSys;
         web_sys::window()
             .and_then(|win| win.document())
@@ -822,7 +820,9 @@ pub async fn run() {
                 match state.render() {
                     Ok(_) => {}
                     // Reconfigure the surface if it's lost or outdated
-                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => state.resize(state.size),
+                    Err(wgpu::SurfaceError::Lost | wgpu::SurfaceError::Outdated) => {
+                        state.resize(state.size)
+                    }
                     // The system is out of memory, we should probably quit
                     Err(wgpu::SurfaceError::OutOfMemory) => *control_flow = ControlFlow::Exit,
                     // We're ignoring timeouts

code/intermediate/tutorial12-camera/Cargo.toml

@@ -10,14 +10,14 @@ crate-type = ["cdylib", "rlib"]
 [dependencies]
 cfg-if = "1"
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 cgmath = "0.18"
 env_logger = "0.9"
 pollster = "0.2"
 log = "0.4"
-tobj = { version = "3.2", features = ["async"]}
-wgpu = { version = "0.13"}
-winit = "0.26"
+tobj = { version = "3.2", features = ["async"] }
+wgpu = { version = "0.14" }
+winit = "0.27.1"
 instant = "0.1"
 
 [dependencies.image]
@@ -29,15 +29,15 @@ features = ["png", "jpeg"]
 reqwest = { version = "0.11" }
 console_error_panic_hook = "0.1"
 console_log = "0.2"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
     "Element",
-    "Location",
-]}
+    "Location"
+] }
 
 [build-dependencies]
 anyhow = "1.0"

code/intermediate/tutorial12-camera/src/lib.rs

@@ -258,6 +258,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
 
         surface.configure(&device, &config);

code/intermediate/tutorial13-terrain/Cargo.toml

@@ -10,14 +10,14 @@ crate-type = ["cdylib", "rlib"]
 [dependencies]
 cfg-if = "1"
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
-cgmath = { version = "0.18", features = [ "swizzle" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
+cgmath = { version = "0.18", features = ["swizzle"] }
 env_logger = "0.9"
 pollster = "0.2"
 log = "0.4"
-tobj = { version = "3.2", features = ["async"]}
-wgpu = { version = "0.13"}
-winit = "0.26"
+tobj = { version = "3.2", features = ["async"] }
+wgpu = { version = "0.14" }
+winit = "0.27.1"
 instant = "0.1"
 
 [dependencies.image]
@@ -29,15 +29,15 @@ features = ["png", "jpeg"]
 reqwest = { version = "0.11" }
 console_error_panic_hook = "0.1"
 console_log = "0.2"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
     "Element",
-    "Location",
-]}
+    "Location"
+] }
 
 [build-dependencies]
 anyhow = "1.0"

code/intermediate/tutorial13-terrain/src/lib.rs

@@ -14,8 +14,8 @@ use wasm_bindgen::prelude::*;
 mod camera;
 mod model;
 mod resources;
-mod texture;
 mod terrain;
+mod texture;
 
 use model::{DrawLight, DrawModel, Vertex};
 
@@ -260,6 +260,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
 
         surface.configure(&device, &config);
@@ -519,7 +520,12 @@ impl State {
         );
 
         let mut terrain = terrain::Terrain::new(chunk_size, min_max_height);
-        terrain.gen_chunk(&device, &queue, &terrain_hack_pipeline, cgmath::Vector3::zero());
+        terrain.gen_chunk(
+            &device,
+            &queue,
+            &terrain_hack_pipeline,
+            cgmath::Vector3::zero(),
+        );
         // terrain.gen_chunk(&device, &queue, &terrain_hack_pipeline, (0.0, 0.0, -(chunk_size.y as f32)).into());
         // terrain.gen_chunk(&device, &queue, &terrain_hack_pipeline, (-(chunk_size.x as f32), 0.0, -(chunk_size.y as f32)).into());
         // terrain.gen_chunk(&device, &queue, &terrain_hack_pipeline, (-(chunk_size.x as f32), 0.0, 0.0).into());
@@ -674,7 +680,12 @@ impl State {
             //     &self.light_bind_group,
             // );
 
-            self.terrain_hack_pipeline.render(&mut render_pass, &self.terrain, &self.camera_bind_group, &self.light_bind_group);
+            self.terrain_hack_pipeline.render(
+                &mut render_pass,
+                &self.terrain,
+                &self.camera_bind_group,
+                &self.light_bind_group,
+            );
         }
         self.queue.submit(iter::once(encoder.finish()));
         output.present();

code/showcase/compute/Cargo.toml

@@ -6,7 +6,7 @@ edition = "2018"
 
 [dependencies]
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = ["derive"]}
+bytemuck = { version = "1.4", features = ["derive"] }
 cgmath = "0.18"
 env_logger = "0.9"
 pollster = "0.2"
@@ -14,12 +14,12 @@ image = "0.24"
 log = "0.4"
 rayon = "1.4"
 tobj = "2.0"
-wgpu = "0.13"
-winit = "0.26"
+wgpu = "0.14"
+winit = "0.27.1"
 
 [build-dependencies]
 anyhow = "1.0"
 fs_extra = "1.2"
 glob = "0.3"
 rayon = "1.4"
-naga = { version = "0.9", features = ["glsl-in", "spv-out", "wgsl-out"]}
+naga = { version = "0.9", features = ["glsl-in", "spv-out", "wgsl-out"] }

code/showcase/compute/src/main.rs

@@ -197,6 +197,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
 
         surface.configure(&device, &config);

code/showcase/framework/Cargo.toml

@@ -7,20 +7,20 @@ edition = "2018"
 [dependencies]
 anyhow = "1.0"
 thiserror = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 cgmath = "0.18"
 env_logger = "0.9"
 pollster = "0.2"
 image = "0.24.2"
 log = "0.4"
 tobj = "2.0"
-wgpu = "0.13"
+wgpu = "0.14"
 wgpu-subscriber = "0.1"
-winit = "0.26"
+winit = "0.27.1"
 
 [build-dependencies]
 anyhow = "1.0"
 fs_extra = "1.2"
 glob = "0.3"
-naga = { version = "0.9", features = ["glsl-in", "spv-out", "wgsl-out"]}
-rayon = "1.5"
+naga = { version = "0.9", features = ["glsl-in", "spv-out", "wgsl-out"] }
+rayon = "1.5"

code/showcase/framework/src/lib.rs

@@ -67,6 +67,7 @@ impl Display {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 

code/showcase/gifs/Cargo.toml

@@ -7,16 +7,16 @@ edition = "2018"
 
 [dependencies]
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 cgmath = "0.18"
 env_logger = "0.9"
 pollster = "0.2"
 image = "0.24.2"
 log = "0.4"
 tobj = "3.1"
-wgpu = "0.13"
-winit = "0.26"
+wgpu = "0.14"
+winit = "0.27.1"
 gif = "0.11.4"
 futures-intrusive = "0.4"
 
-framework = { version = "0.1.0", path = "../framework" }
+framework = { version = "0.1.0", path = "../framework" }

code/showcase/imgui-demo/Cargo.toml

@@ -8,9 +8,9 @@ edition = "2018"
 
 [dependencies]
 anyhow = "1.0"
-wgpu = "0.13"
+wgpu = "0.14"
 pollster = "0.2"
 imgui = "0.7"
 imgui-wgpu = "0.17"
 imgui-winit-support = "0.7"
-framework = { path = "../framework" }
+framework = { path = "../framework" }

code/showcase/pong/Cargo.toml

@@ -10,12 +10,12 @@ crate-type = ["cdylib", "rlib"]
 [dependencies]
 cfg-if = "1"
 env_logger = "0.9"
-winit = "0.26"
+winit = "0.27.1"
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 cgmath = "0.18"
 pollster = "0.2"
-wgpu = { version = "0.13", features = ["spirv"]}
+wgpu = { version = "0.14", features = ["spirv"] }
 wgpu_glyph = "0.17"
 rand = "0.8"
 rodio = { version = "0.15", default-features = false, features = ["wav"] }
@@ -28,17 +28,17 @@ console_log = "0.2.0"
 getrandom = { version = "0.2", features = ["js"] }
 rodio = { version = "0.15", default-features = false, features = ["wasm-bindgen", "wav"] }
 wasm-bindgen-futures = "0.4.20"
-wasm-bindgen = "0.2.76"
-web-sys = { version = "0.3.53", features = [
+wasm-bindgen = "0.2"
+web-sys = { version = "0.3", features = [
     "Document",
     "Window",
-    "Element",
-]}
-wgpu = { version = "0.13", features = ["spirv", "webgl"]}
+    "Element"
+] }
+wgpu = { version = "0.14", features = ["spirv", "webgl"] }
 
 [build-dependencies]
 anyhow = "1.0"
 fs_extra = "1.2"
 glob = "0.3"
 rayon = "1.4"
-naga = { version = "0.9", features = ["glsl-in", "spv-out", "wgsl-out"]}
+naga = { version = "0.9", features = ["glsl-in", "spv-out", "wgsl-out"] }

code/showcase/pong/src/render/mod.rs

@@ -68,6 +68,7 @@ impl Render {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 
@@ -199,7 +200,6 @@ impl Render {
                 self.staging_belt.finish();
                 self.queue.submit(iter::once(encoder.finish()));
                 frame.present();
-
             }
             Err(wgpu::SurfaceError::Outdated) => {
                 log::info!("Outdated surface texture");

code/showcase/threading/Cargo.toml

@@ -10,15 +10,15 @@ crate-type = ["cdylib", "rlib"]
 [dependencies]
 cfg-if = "1"
 anyhow = "1.0"
-bytemuck = { version = "1.4", features = [ "derive" ] }
+bytemuck = { version = "1.4", features = ["derive"] }
 cgmath = "0.18"
 env_logger = "0.9"
 pollster = "0.2"
 log = "0.4"
-rayon = "1.4" # NEW!
-tobj = { version = "3.2", features = ["async"]}
-wgpu = { version = "0.13"}
-winit = "0.26"
+rayon = "1.4"                                         # NEW!
+tobj = { version = "3.2", features = ["async"] }
+wgpu = { version = "0.14" }
+winit = "0.27.1"
 instant = "0.1"
 async-std = "1"
 
@@ -31,15 +31,15 @@ features = ["png", "jpeg"]
 reqwest = { version = "0.11" }
 console_error_panic_hook = "0.1"
 console_log = "0.2"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"] }
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",
     "Element",
-    "Location",
-]}
+    "Location"
+] }
 
 [build-dependencies]
 anyhow = "1.0"

code/showcase/threading/src/lib.rs

@@ -257,6 +257,7 @@ impl State {
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
 
         surface.configure(&device, &config);

code/showcase/windowless/Cargo.toml

@@ -9,7 +9,7 @@ edition = "2018"
 [dependencies]
 image = "0.24"
 shaderc = "0.8"
-wgpu = { version = "0.13", features = ["spirv"] }
+wgpu = { version = "0.14", features = ["spirv"] }
 pollster = "0.2"
 futures-intrusive = "0.4"
 

docs/beginner/tutorial1-window/README.md

@@ -8,10 +8,10 @@ For the beginner stuff, we're going to keep things very simple, we'll add things
 
 ```toml
 [dependencies]
-winit = "0.26"
+winit = "0.27.1"
 env_logger = "0.9"
 log = "0.4"
-wgpu = "0.13"
+wgpu = "0.14"
 ```
 
 ## Using Rust's new resolver
@@ -110,9 +110,9 @@ cfg-if = "1"
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 console_error_panic_hook = "0.1.6"
 console_log = "0.2.0"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"]}
 wasm-bindgen = "0.2"
-wasm-bindgen-futures = "0.4.30"
+wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [
     "Document",
     "Window",

docs/beginner/tutorial2-surface/README.md

@@ -142,6 +142,7 @@ The `limits` field describes the limit of certain types of resources that we can
             width: size.width,
             height: size.height,
             present_mode: wgpu::PresentMode::Fifo,
+            alpha_mode: wgpu::CompositeAlphaMode::Auto,
         };
         surface.configure(&device, &config);
 ```
@@ -226,16 +227,16 @@ If we try to build WASM now it will fail because `wasm-bindgen` doesn't support
 ```toml
 [dependencies]
 cfg-if = "1"
-winit = "0.26"
+winit = "0.27.1"
 env_logger = "0.9"
 log = "0.4"
-wgpu = "0.13"
+wgpu = "0.14"
 pollster = "0.2"
 
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 console_error_panic_hook = "0.1.6"
 console_log = "0.2.0"
-wgpu = { version = "0.13", features = ["webgl"]}
+wgpu = { version = "0.14", features = ["webgl"]}
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [

docs/beginner/tutorial5-textures/README.md

@@ -438,11 +438,11 @@ For convenience, let's pull our texture code into its own module. We'll first ne
 [dependencies]
 image = "0.23"
 cgmath = "0.18"
-winit = "0.26"
+winit = "0.27.1"
 env_logger = "0.9"
 log = "0.4"
 pollster = "0.2"
-wgpu = "0.13"
+wgpu = "0.14"
 bytemuck = { version = "1.4", features = [ "derive" ] }
 anyhow = "1.0" # NEW!
 ```

docs/showcase/pong/README.md

@@ -263,12 +263,12 @@ In order for wasm-pack to work properly I first needed to add some dependencies:
 ```toml[dependencies]
 cfg-if = "1"
 env_logger = "0.9"
-winit = "0.26"
+winit = "0.27.1"
 anyhow = "1.0"
 bytemuck = { version = "1.4", features = [ "derive" ] }
 cgmath = "0.18"
 pollster = "0.2"
-wgpu = { version = "0.13", features = ["spirv"]}
+wgpu = { version = "0.14", features = ["spirv"]}
 wgpu_glyph = "0.17"
 rand = "0.8"
 rodio = { version = "0.15", default-features = false, features = ["wav"] }
@@ -281,13 +281,13 @@ console_log = "0.2.0"
 getrandom = { version = "0.2", features = ["js"] }
 rodio = { version = "0.15", default-features = false, features = ["wasm-bindgen", "wav"] }
 wasm-bindgen-futures = "0.4.20"
-wasm-bindgen = "0.2.76"
-web-sys = { version = "0.3.53", features = [
+wasm-bindgen = "0.2"
+web-sys = { version = "0.3", features = [
     "Document",
     "Window",
     "Element",
 ]}
-wgpu = { version = "0.13", features = ["spirv", "webgl"]}
+wgpu = { version = "0.14", features = ["spirv", "webgl"]}
 
 [build-dependencies]
 anyhow = "1.0"

docs/showcase/windowless/README.md

@@ -100,7 +100,7 @@ Update dependencies to support SPIR-V module.
 [dependencies]
 image = "0.23"
 shaderc = "0.7"
-wgpu = { version = "0.13", features = ["spirv"] }
+wgpu = { version = "0.14", features = ["spirv"] }
 pollster = "0.2"
 ```