move transform properties out of blendmode object

script.js

@@ -16,18 +16,19 @@ let showText = true
 
 const parameterStore = {
     blendModeParams: {
-        mode: "tile", // New blend mode for tiling
+        mode: "screen", 
         opacity: 1,
-        // Additional parameters specific to the tile blend mode
-        tilePositionX: 0, // X-coordinate for positioning the tiled video
-        tilePositionY: 0, // Y-coordinate for positioning the tiled video
-        tileScaleX: 1, // Scale factor along the X-axis for the tiled video
-        tileScaleY: 1, // Scale factor along the Y-axis for the tiled video
     },
     filterParams: {
         grayscale: 0,
         blur: 0,
-        // Add more filter parameters as needed
+    },
+    transformParams: {
+      // Additional parameters specific to the tile mode or other transformation
+      tilePositionX: 0, // X-coordinate for positioning the tiled video
+      tilePositionY: 0, // Y-coordinate for positioning the tiled video
+      tileScaleX: 1, // Scale factor along the X-axis for the tiled video
+      tileScaleY: 1, // Scale factor along the Y-axis for the tiled video
     },
     presets: {
         default: {
@@ -282,4 +283,4 @@ document.addEventListener('keydown', function(event) {
 getSourceFiles().then(()=>{
   loadVideos(videosToLoad)
   updateCanvasSize()
-})
+})