From 2ac918d63a44ed6481af3e40364e276e9687e454 Mon Sep 17 00:00:00 2001
From: Robin KAY <komadori@gekkou.co.uk>
Date: Tue, 23 Aug 2022 21:44:02 +0100
Subject: [PATCH] Fix error on platforms that require 16 byte aligned uniforms
 such as WebGL.

---
 src/outline.wgsl | 3 +++
 src/uniforms.rs  | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/src/outline.wgsl b/src/outline.wgsl
index 86510da..b6710a2 100644
--- a/src/outline.wgsl
+++ b/src/outline.wgsl
@@ -6,14 +6,17 @@ struct VertexInput {
 };
 
 struct OutlineViewUniform {
+    @align(16)
     scale: vec2<f32>,
 };
 
 struct OutlineVertexUniform {
+    @align(16)
     width: f32,
 };
 
 struct OutlineFragmentUniform {
+    @align(16)
     colour: vec4<f32>,
 };
 
diff --git a/src/uniforms.rs b/src/uniforms.rs
index 612144b..5bcfe4c 100644
--- a/src/uniforms.rs
+++ b/src/uniforms.rs
@@ -17,11 +17,13 @@ use crate::{pipeline::OutlinePipeline, Outline};
 
 #[derive(Clone, Component, ShaderType)]
 pub struct OutlineVertexUniform {
+    #[align(16)]
     pub width: f32,
 }
 
 #[derive(Clone, Component, ShaderType)]
 pub struct OutlineFragmentUniform {
+    #[align(16)]
     pub colour: Vec4,
 }