Update background block to just take a single color.

Author: tracygardner

.replit

@@ -73,10 +73,6 @@ localPort = 9323
 externalPort = 3003
 exposeLocalhost = true
 
-[[ports]]
-localPort = 42921
-externalPort = 8008
-
 [[ports]]
 localPort = 44471
 externalPort = 8000

api/scene.js

@@ -25,59 +25,8 @@ export const flockScene = {
       flock.sky = null;
     }
 
-    // Dispose any previous background layer
-    if (flock.backgroundLayer) {
-      flock.backgroundLayer.dispose();
-      flock.backgroundLayer = null;
-    }
-
-    // --- BACKGROUND ONLY (flat clear color or gradient) ---
+    // --- BACKGROUND ONLY (flat clear color) ---
     if (clear === true) {
-      // For arrays, create a flat gradient background layer (not a dome)
-      if (Array.isArray(color) && color.length >= 2) {
-        // Create a vertical gradient texture
-        const size = 512;
-        const dt = new flock.BABYLON.DynamicTexture(
-          "backgroundGradientDT",
-          { width: 1, height: size },
-          flock.scene,
-          false
-        );
-        const ctx = dt.getContext();
-        const h = dt.getSize().height;
-
-        // Build canvas gradient (top to bottom)
-        const grad = ctx.createLinearGradient(0, 0, 0, h);
-        const n = Math.max(2, color.length);
-        for (let i = 0; i < n; i++) {
-          const stop = i / (n - 1);
-          const hex = flock.getColorFromString(color[i]);
-          const c3 = flock.BABYLON.Color3.FromHexString(hex);
-          const rgb = `rgb(${Math.round(c3.r * 255)}, ${Math.round(c3.g * 255)}, ${Math.round(c3.b * 255)})`;
-          grad.addColorStop(stop, rgb);
-        }
-
-        // Paint the gradient
-        ctx.fillStyle = grad;
-        ctx.fillRect(0, 0, 1, h);
-        dt.update(false);
-
-        // Create a background layer with the gradient texture
-        const layer = new flock.BABYLON.Layer("backgroundGradientLayer", null, flock.scene, true);
-        layer.texture = dt;
-        layer.isBackground = true;
-        
-        // Ensure the layer is completely unlit and unaffected by scene lighting
-        layer.alphaBlendingMode = flock.BABYLON.Constants.ALPHA_DISABLE;
-        dt.hasAlpha = false;
-        dt.wrapU = flock.BABYLON.Texture.CLAMP_ADDRESSMODE;
-        dt.wrapV = flock.BABYLON.Texture.CLAMP_ADDRESSMODE;
-
-        flock.backgroundLayer = layer;
-        return;
-      }
-
-      // Single color - just set clear color
       const c3 = flock.BABYLON.Color3.FromHexString(flock.getColorFromString(color));
       flock.scene.clearColor = c3;
       return;

blocks/scene.js

@@ -36,7 +36,7 @@ function createSceneColorBlock(config) {
                                 type: "input_value",
                                 name: config.inputName || "COLOR",
                                 colour: config.inputColor,
-                                check: ["Colour", "Array", "Material"],
+                                check: config.check || ["Colour", "Array", "Material"],
                         });
 
                         this.jsonInit({
@@ -121,6 +121,7 @@ export function defineSceneBlocks() {
         Blockly.Blocks["set_background_color"] = createSceneColorBlock({
                 type: "set_background_color",
                 inputColor: "#6495ED",
+                check: ["Colour"],
         });
 
         Blockly.Blocks["create_map"] = {