Updated Unity Argument Generation

Author: jeffreylanters

module/source/hooks/use-unity-arguments.ts

@@ -50,8 +50,8 @@ const useUnityArguments = (unityProps: UnityProps): UnityArguments => {
 
       // Assigns the match WebGL to canvas size value to the Unity arguments
       // object. If the match WebGL to canvas size value is not defined via the
-      // Unity Props, the default value of `false` will be used.
-      matchWebGLToCanvasSize: unityProps.matchWebGLToCanvasSize || false,
+      // Unity Props, the default value of `true` will be used.
+      matchWebGLToCanvasSize: unityProps.matchWebGLToCanvasSize || true,
 
       // Assigns the disabled canvas events to the Unity arguments object. If
       // the disabled canvas events are not defined via the Unity Props, the
@@ -85,12 +85,7 @@ const useUnityArguments = (unityProps: UnityProps): UnityArguments => {
           // TODO -- Re-implement this hook.
         },
     }),
-    [
-      unityProps.unityProvider.unityConfig,
-      unityProps.devicePixelRatio,
-      unityProps.matchWebGLToCanvasSize,
-      unityProps.disabledCanvasEvents,
-    ]
+    []
   );
 };
 

testing/src/unity-test.tsx

@@ -30,11 +30,11 @@ function UnityTest() {
       preserveDrawingBuffer: true,
     },
     cacheControl: handleCacheControl,
-    disabledCanvasEvents: ["dragstart"],
   });
 
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const [screenshots, setScreenshots] = useState<string[]>([]);
+  const [canvasWidth, setCanvasWidth] = useState(500);
 
   function handleClickRequestFullScreen() {
     requestFullscreen(true);
@@ -52,6 +52,10 @@ function UnityTest() {
     UNSAFE__detachAndUnloadImmediate();
   }
 
+  function handleClickSetRandomCanvasWidth() {
+    setCanvasWidth(Math.floor(Math.random() * 500) + 250);
+  }
+
   function handleClickSetLogText() {
     sendMessage(
       "Persistent",
@@ -134,11 +138,21 @@ function UnityTest() {
         <br />
         Communication:
         <button onClick={handleClickSetLogText}>Set Log Text</button>
+        <br />
+        Other:
+        <button onClick={handleClickSetRandomCanvasWidth}>
+          Set Random Canvas Width
+        </button>
       </p>
       <Unity
         unityProvider={unityProvider}
-        style={{ border: "1px solid red", height: 400, width: 500 }}
-        devicePixelRatio={window.devicePixelRatio}
+        style={{
+          border: "1px solid red",
+          height: 400,
+          width: canvasWidth,
+        }}
+        // devicePixelRatio={window.devicePixelRatio}
+        // disabledCanvasEvents={["dragstart"]}
         ref={canvasRef}
       />
     </Fragment>