Fix floating containers with Infinity bounds not rendering (#1356)

* Fix floating containers with Infinity bounds not rendering (HUD missing)

After the Container refactor defaulting dimensions to Infinity,
floating containers (like the HUD UIContainer) had empty bounds
(min=Infinity, max=-Infinity). camera.isVisible() checked
bounds.left <= camera.width, which is Infinity <= 800 = false,
so the container was never updated and its children never rendered.

Fix: treat floating objects with non-finite bounds as always visible.
Also adjust platformer score position for the new baseline alignment.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* Address review: narrow cleared-bounds check, add test coverage

- Check for exact cleared bounds sentinel (min=Infinity, max=-Infinity)
  instead of generic !isFinite() to avoid masking NaN bugs
- Add tests for floating objects with cleared bounds visibility

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: obiot

packages/examples/src/examples/platformer/entities/HUD.ts

@@ -167,7 +167,7 @@ class UIContainer extends Container {
 		this.name = "HUD";
 
 		// add our child score object at position
-		this.addChild(new ScoreItem(-10, -10));
+		this.addChild(new ScoreItem(-10, -30));
 
 		// add our audio control object
 		this.addChild(new AudioControl(36, 56));

packages/melonjs/src/camera/camera2d.ts

@@ -779,6 +779,15 @@ export default class Camera2d extends Renderable {
 			// floating objects use screen coordinates, check against the
 			// camera viewport area (0, 0, camera.width, camera.height)
 			const objBounds = obj.getBounds();
+			if (
+				objBounds.left === Infinity &&
+				objBounds.top === Infinity &&
+				objBounds.right === -Infinity &&
+				objBounds.bottom === -Infinity
+			) {
+				// containers with no explicit size (cleared Infinity bounds) are always visible
+				return true;
+			}
 			return (
 				objBounds.left <= this.width &&
 				objBounds.right >= 0 &&

packages/melonjs/tests/camera.spec.js

@@ -229,6 +229,29 @@ describe("Camera2d", () => {
 		});
 	});
 
+	describe("isVisible() with cleared/infinite bounds", () => {
+		it("should treat floating object with cleared bounds as visible", () => {
+			const { camera } = setup();
+			camera.reset(0, 0);
+			// simulate a floating container with Infinity dimensions (cleared bounds)
+			const container = new Renderable(0, 0, Infinity, Infinity);
+			container.floating = true;
+			// clear bounds to the sentinel state (min=Infinity, max=-Infinity)
+			container.getBounds().clear();
+			expect(camera.isVisible(container)).toEqual(true);
+		});
+
+		it("should treat non-floating object with cleared bounds as not visible", () => {
+			const { camera } = setup();
+			camera.reset(0, 0);
+			camera.setBounds(0, 0, 2000, 2000);
+			const obj = new Renderable(0, 0, 10, 10);
+			obj.floating = false;
+			obj.getBounds().clear();
+			expect(camera.isVisible(obj)).toEqual(false);
+		});
+	});
+
 	describe("reset()", () => {
 		it("should reset the camera position to 0,0 by default", () => {
 			const { camera } = setup();