Interactive 3D-Depth Virtual Aquarium & Reef Soundscape

Q: Why can I hear the aquarium water and bubble sounds clearly without headphones?

Small laptop and smartphone speakers roll off low frequencies below 180 Hz. Our Web Audio synthesizer voices water droplets, aerator bubbles, and stream cascades in the 420 Hz to 1,600 Hz midrange band with pitch-swept sine resonance so sound projects clearly on built-in device speakers.

Q: How do I feed the fish and interact with the virtual aquarium?

Click or tap anywhere inside the aquarium glass, or press the Drop Food Pellets button. Nutrient pellets sink slowly through the water column while nearby fish detect them within their sensory radius and steer toward the food.

Q: How does the realistic fish swimming animation work?

Each fish uses multi-joint spine kinematics combined with Craig Reynolds Boids steering rules (separation, alignment, cohesion, and goal seeking). Depth layers scale each fish between 0.48x and 1.15x with atmospheric water tinting to create realistic 3D parallax.

Q: How are aquarium volume, filtration turnover, and bioload percentage calculated?

Tank volume in liters equals (Length × Width × Height in cm) divided by 1,000, or divided by 3.78541 for US gallons. Recommended filtration turnover is 5 times tank volume per hour, and bioload percentage compares total fish body length against a conservative capacity of 0.65 cm of fish per liter.

Q: Can I run this virtual aquarium in fullscreen as a desktop or TV ambient display?

Yes. Click the Fullscreen button in the top bar or control dock to expand the aquarium workspace across your entire monitor, tablet, or smart TV screen. Press Escape anytime to exit.

Q: Does the aquarium drain battery when I switch browser tabs?

No. The Canvas animation loop listens to the Page Visibility API and automatically pauses rendering when the tab is hidden or minimized, resuming smoothly when you return.

This interactive virtual aquarium simulates a multi-layer coral and planted reef with articulated swimming fish, caustic light refraction, tap-to-feed pellets, and speaker-optimized water acoustics audible without headphones. Customize species density, biome lighting, aerator bubbles, and tank dimensions to calculate volume, filtration turnover, and bioload balance.

Tropical Sunlit Coral Reef Tap glass to feed fish • Audio speaker-tuned

Tank Volume 182.3 L (48.1 gal)

Filter Turnover 911.3 L/h

Active Fish / Food 16 / 0

Bioload Ratio 60.8%

Reef & Acoustic Controls Optimal Ecosystem

1. Aquarium Biome & Lighting

2. Fish Community Mix

3. Fish Population Count 16 Fish

4. Speaker-Optimized Water Soundscape

5. Speaker Acoustic Gain 75%

Sunbeam Caustics Aerator Bubbles Swaying Flora & Coral Auto-Feeder (12s)

6. Tank Dimensions (cm) & Bioload Capacity 60.8% Utilized

L (30–300)

W (20–100)

H (20–100)

What This Realistic Virtual Aquarium Does & How It Works

The Gemsmakers Virtual Aquarium combines a multi-plane 2.5D/3D procedural HTML5 Canvas renderer with a real-time Boids schooling physics engine, speaker-calibrated Web Audio synthesis, and an authoritative aquarium bioload calculator.

1. Multi-Segment Articulated Fish Kinematics & 3D Depth Parallax

Rather than sliding flat static sprites across the screen, each fish is rendered along a dynamic spine curve with depth coordinate \(z \in [0.48, 1.15]\). Foreground fish appear larger, sharper, and brighter, while background fish swim behind layered coral silhouettes with atmospheric water attenuation. Caudal tail fins and pectoral fins oscillate at an angular frequency proportional to the fish's instantaneous velocity vector \(\vec{v}\), accelerating naturally when darting toward sinking food pellets.

2. Speaker-Optimized Acoustic Synthesis (No Headphones Required)

Standard ambient generators rely heavily on low-frequency brown noise (\(<150\text{ Hz}\)), which sounds silent or muddy on phone, tablet, and laptop speakers. Our synthesizer uses Helmholtz bubble resonance principles: each rising air bubble and water droplet generates an upward pitch-swept sine wave between \(420\text{ Hz}\) and \(1,450\text{ Hz}\) paired with a dual-bandpass water cascade filter (\(650\text{ Hz}\) and \(1,150\text{ Hz}\)). This places the acoustic energy squarely inside the optimum midrange projection band of built-in device speakers.

Aquarium Volume, Filtration Turnover & Bioload Formulas

Whether you are designing a relaxing virtual reef or planning a physical home aquarium, maintaining dissolved oxygen and biological filtration depends on the relationship between water volume, pump turnover rate, and total fish biomass.

Volume_Liters (V_L) = (L_cm × W_cm × H_cm) / 1000
Volume_Gallons (V_gal) = V_L / 3.78541
Recommended_Turnover (F_Lph) = V_L × 5.0
Max_Safe_Biomass_cm = V_L × 0.65
Bioload_Utilization_% = ((N_fish × S_avg_cm) / Max_Safe_Biomass_cm) × 100

Variable / Control	Symbol	Supported Range	Definition & Aquascaping Assumption
Tank Dimensions	\(L, W, H\)	\(30\text{–}300 \times 20\text{–}100 \times 20\text{–}100\text{ cm}\)	Exterior glass measurements converted to gross volume in liters and US gallons.
Water Volume	\(V_{\text{L}}, V_{\text{gal}}\)	\(12.0\text{ L}\) to \(3,000.0\text{ L}\)	\(1,000\text{ cm}^3 = 1\text{ liter}\); \(1\text{ US gallon} = 3.78541\text{ liters}\).
Filtration Turnover	\(F_{\text{Lph}}\)	\(60\text{ L/h}\) to \(15,000\text{ L/h}\)	Assumes a \(5\times\) hourly water circulation standard for healthy reef and planted tanks.
Fish Population	\(N_{\text{fish}}\)	\(0\) to \(45\text{ active fish}\)	Number of simulated swimming fish rendered in the tank.
Average Fish Length	\(S_{\text{avg}}\)	\(2.5\text{ cm}\) to \(6.0\text{ cm}\) (species-dependent)	Weighted mean adult body length based on selected community mix (\(4.5\text{ cm}\) default).

Worked Bioload Calculation Example & Three Tank Scenarios

Worked Example (Standard 90P Aquascape Tank): Consider a standard \(90\text{ cm} \times 45\text{ cm} \times 45\text{ cm}\) glass aquarium stocked with \(N_{\text{fish}} = 16\) mixed reef fish averaging \(S_{\text{avg}} = 4.5\text{ cm}\):

Gross Water Volume: \(V_{\text{L}} = (90 \times 45 \times 45) / 1000 = 182.25\text{ liters}\) (\(48.15\text{ US gallons}\)).
Target Filter Flow Rate: \(F_{\text{Lph}} = 182.25 \times 5 = 911.25\text{ L/h}\).
Maximum Safe Biomass Allowance: \(182.25 \times 0.65 = 118.46\text{ cm}\) of total fish length.
Active Stocked Biomass: \(16 \times 4.5\text{ cm} = 72.0\text{ cm}\).
Calculated Bioload Utilization: \((72.0 / 118.46) \times 100 = 60.78\%\) (Optimal Balanced Ecosystem).

Comparison of Three Aquarium Setup Scenarios

Aquarium Scenario	Tank Dimensions & Biome	Stocking Input	Calculated Output	Management Recommendation
1. Desktop Nano Cube	\(35 \times 35 \times 35\text{ cm}\) (\(42.9\text{ L}\)) Planted Zen Freshwater	\(8\) Neon Tetras (\(S_{\text{avg}} = 3.0\text{ cm}\))	Turnover: \(214.4\text{ L/h}\) Bioload: \(86.1\%\)	Near upper nano limit; keep aerator bubbles active and perform 25% weekly water changes.
2. Living Room Coral Reef	\(120 \times 50 \times 50\text{ cm}\) (\(300.0\text{ L}\)) Tropical Sunlit Reef	\(24\) Mixed Reef Fish (\(S_{\text{avg}} = 4.5\text{ cm}\))	Turnover: \(1,500.0\text{ L/h}\) Bioload: \(55.4\%\)	Ideal swimming room for Angelfish and Blue Tangs with stable dissolved oxygen.
3. Abyssal Panorama Wall	\(200 \times 60 \times 60\text{ cm}\) (\(720.0\text{ L}\)) Abyssal Bioluminescence	\(35\) Schooling Fish (\(S_{\text{avg}} = 4.5\text{ cm}\))	Turnover: \(3,600.0\text{ L/h}\) Bioload: \(33.7\%\)	Low-density sanctuary allowing wide cohesive shoaling sweeps across the 2-meter span.

Interpreting Bioload Metrics, Aquascaping Tips & Limitations

How to Interpret Your Bioload Percentage

0% – 35% (Spacious Low-Density Sanctuary): Abundant open water volume and high dissolved oxygen resilience. Fish exhibit relaxed, wide-radius schooling behavior.
36% – 85% (Optimal Balanced Ecosystem): Vibrant visual activity balanced with sustainable filtration capacity.
Above 100% (Overstocked Warning): Exceeds conservative biomass guidelines. Either reduce fish population or increase tank dimensions in the calculator.

Common Mistakes & Practical Visual/Audio Tips

Overfeeding the Tank: Dropping too many food pellets at once crowds all fish into a single corner. Tap at spaced intervals across the left and right sides of the glass so schooling and solitary species feed naturally.
Optimizing Sound Without Headphones: If you are using a smartphone or thin laptop in a quiet room, select Crystal Bubble Percolation or Zen Marimba Water Chimes at 65%–80% gain for crisp midrange clarity without speaker distortion.

Limitations & Educational Disclaimer

Educational Note: The bioload calculator uses a generalized linear volume heuristic (\(0.65\text{ cm}\) of fish body length per gross liter) for illustrative comparison. Real-world marine and freshwater stocking depends on species territoriality, adult body mass, live rock displacement, and nitrogen-cycle maturity.

Frequently Asked Questions (FAQs)

Why can I hear the aquarium water and bubble sounds clearly without headphones?