Skip to main content
Amplify your focus with layered ambient effects. LoFi Engine includes four environmental sound effects that blend seamlessly with the procedural music engine.

​
Available Effects

Rain

Gentle rainfall creates a calming backdrop perfect for concentration and relaxation.

Thunder

Distant storm sounds add dramatic atmosphere without being overwhelming.

Campfire

Crackling flames provide warm, cozy ambience for evening sessions.

Jungle

Nature sounds with birds and wildlife for tropical immersion.

​
Quick Access

All effects are available via keyboard shortcuts for instant control:
Key: AToggle gentle rainfall on/off. The rain effect loops continuously and includes:
  • Realistic rain droplet sounds
  • Optional animated rain overlay on screen
  • Adjustable volume via settings
Rain pairs exceptionally well with the Atmosphere immersion mode for maximum focus.

​
Visual Feedback

Effect buttons provide clear visual states:
StateAppearanceMeaning
InactiveTransparent background, white iconEffect is off
ActiveWhite background, black iconEffect is playing

​
Volume Control

Adjust individual effect volumes in the Settings panel:
1

Open Settings

Press J to open the settings panel
2

Find Volume Section

Scroll to the Volume controls
3

Adjust Sliders

Each effect has its own volume slider:
  • Rain
  • Thunder
  • Jungle
  • Campfire
4

Balance Your Mix

Set volumes to create your perfect atmosphere
Volume changes apply in real-time - no need to stop and restart effects.

​
Technical Details

​
Audio Implementation

Each effect uses the HTML5 Audio API: 
const rain = new Audio("assets/engine/effects/rain.mp3");
rain.loop = true;
rain.volume = volume; // 0.0 to 1.0

​
Effect Files

All ambient effects are stored as MP3 files:
  • assets/engine/effects/rain.mp3
  • assets/engine/effects/thunder.mp3
  • assets/engine/effects/fire.mp3
  • assets/engine/effects/jungle.mp3
  • Format: MP3
  • Loop: Seamless (no audible seams)
  • Quality: High bitrate for clarity
  • Duration: Varies by effect (optimized for looping)

​
Auto DJ Integration

Effects automatically enable/disable based on your immersion mode:

Music Mode

All effects disabled by default

Atmosphere Mode

Core weather effects enabled (rain, thunder)

World Mode

All effects enabled for full immersion
See Auto DJ for complete details on immersion modes.

​
Rain Animation

When rain is active, an optional animated overlay can appear on screen:
  • Animated raindrops falling across the screen
  • Particle-based rendering
  • Lightweight performance impact
  • Enhances immersion without distraction

​
Layering Effects

Create complex soundscapes by combining multiple effects:
  • Rain: Medium volume
  • Thunder: Low volume
  • Campfire: Medium-high volume
  • Music: Main track at comfortable level
  • Jungle: High volume
  • Rain: Low volume (light drizzle)
  • Music: Upbeat tempo
  • No thunder or campfire
  • Rain: High volume
  • Thunder: Medium-high volume
  • Campfire: Low volume (indoor warmth)
  • Music: Mellow, slow tempo
  • Jungle: Medium volume
  • Rain: Medium volume
  • Music: Very low or off
  • Focus on natural sounds
Experiment with different combinations and volumes to find your perfect focus environment. Save your favorites by noting the settings.

​
Context Menu

Right-click anywhere to access quick effect toggles:
  • Toggle Rain
  • Toggle Thunder
  • Toggle Jungle
  • Toggle Campfire
This provides an alternative to keyboard shortcuts when working with a mouse.

​
Accessibility

All effects are fully accessible:
  • Keyboard shortcuts work from anywhere in the app
  • Visual button states are high contrast
  • Screen readers announce effect status
  • No mouse required for full control
For complete keyboard navigation, see Keyboard Shortcuts.

Build docs developers (and LLMs) love

Get started for freeTalk to us