Nemotron 3 Nano Omni (free)

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>3D Aquarium</title>
  <style>
    body { margin: 0; overflow: hidden; background: #000; }
    #startText {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-family: sans-serif;
      font-size: 24px;
      text-align: center;
      pointer-events: none;
    }
  </style>
</head>
<body>
  <div id="startText">Click or press a key to start</div>

  <script type="importmap">
    {
      "imports": {
        "three": "https://cdn.jsdelivr.net/npm/three@0.170.0/build/three.module.js",
        "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.170.0/examples/jsm/"
      }
    }
  </script>

  <script>
    import * as THREE from 'three';
    import { OrbitControls } from 'three/addons/controls/OrbitControls.js';

    // Scene setup
    const scene = new THREE.Scene();
    scene.background = new THREE.Color(0x87ceeb); // Light blue background

    // Camera
    const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
    camera.position.z = 5;

    // Renderer
    const renderer = new THREE.WebGLRenderer({ antialias: true });
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.domElement);

    // Lighting
    const ambientLight = new THREE.AmbientLight(0xffffff, 0.5);
    scene.add(ambientLight);
    const directionalLight = new THREE.DirectionalLight(0xffffff, 0.8);
    directionalLight.position.set(5, 5, 5);
    scene.add(directionalLight);

    // Floor plane
    const floorGeometry = new THREE.PlaneGeometry(100, 100);
    const floorMaterial = new THREE.MeshStandardMaterial({ color: 0x228b22 });
    const floor = new THREE.Mesh(floorGeometry, floorMaterial);
    floor.rotation.x = -Math.PI / 2;
    scene.add(floor);

    // Fish container
    const fishGroup = new THREE.Group();
    scene.add(fishGroup);

    // Fish model (simple torus knot)
    const fishGeometry = new THREE.TorusKnotGeometry(0.1, 0.05, 100, 20);
    const fishMaterial = new THREE.MeshStandardMaterial({ color: 0xffa500, metalness: 0.5, roughness: 0.5 });

    // Create multiple fish
    for (let i = 0; i < 20; i++) {
      const fish = new THREE.Mesh(fishGeometry, fishMaterial);
      fish.position.set(
        THREE.MathUtils.randFloatSpread(50),
        0,
        THREE.MathUtils.randFloatSpread(50)
      );
      fish.rotation.set(0, THREE.MathUtils.randFloat(0, Math.PI * 2), 0);
      fish.userData = {
        speed: THREE.MathUtils.randFloat(0.01, 0.03),
        target: new THREE.Vector3(
          THREE.MathUtils.randFloatSpread(50),
          0,
          THREE.MathUtils.randFloatSpread(50)
        ),
        lastUpdate: 0
      };
      fishGroup.add(fish);
    }

    // Mouse tracking
    const mouse = new THREE.Vector2();
    const raycaster = new THREE.Raycaster();
    let isMoving = false;

    // Animation loop
    let lastTime = 0;
    function animate(time) {
      const delta = (time - lastTime) / 1000;
      lastTime = time;

      // Update fish movement
      fishGroup.children.forEach(fish => {
        const pos = fish.position;
        const target = fish.userData.target;
        const distance = pos.distanceTo(target);
        
        if (distance < 0.1) {
          target.set(
            THREE.MathUtils.randFloatSpread(50),
            0,
            THREE.MathUtils.randFloatSpread(50)
          );
        }

        // Move towards target
        pos.x += (target.x - pos.x) * fish.userData.speed * delta;
        pos.z += (target.z - pos.z) * fish.userData.speed * delta;
        pos.y = 0; // Keep on floor
      });

      // Check mouse proximity
      if (isMoving) {
        raycaster.setFromCamera(mouse, camera);
        const intersects = raycaster.intersectObjects(fishGroup.children, true);
        intersects.forEach(intersect => {
          const fish = intersect.object;
          const pos = fish.position;
          const direction = new THREE.Vector3(
            mouse.x * 2 - 1,
            0,
            mouse.y * 2 - 1
          ).normalize();
          
          // Push fish away from mouse
          const pushVector = direction.multiplyScalar(0.1);
          pos.x += pushVector.x * 0.5 * delta;
          pos.z += pushVector.z * 0.5 * delta;
          pos.y = 0;
        });
      }

      // Render
      renderer.render(scene, camera);
      requestAnimationFrame(animate);
    }

    // Start the animation
    function startDemo() {
      document.getElementById('startText').style.display = 'none';
      isMoving = true;
      lastTime = performance.now();
      animate(0);
    }

    // Event listeners
    window.addEventListener('click', () => {
      if (document.getElementById('startText').style.display === 'block') {
        startDemo();
      }
    });

    window.addEventListener('keydown', () => {
      if (document.getElementById('startText').style.display === 'block') {
        startDemo();
      }
    });

    // Resize handling
    window.addEventListener('resize', () => {
      camera.aspect = window.innerWidth / window.innerHeight;
      camera.updateProjectionMatrix();
      renderer.setSize(window.innerWidth, window.innerHeight);
    });
  </script>
</body>
</html>