Earthquake Screen Shake Simulator

Earthquake screen shake turns your browser window into a convincing quake, shaking the whole screen on demand. Set a magnitude, pick a shaking pattern, and trigger it with a tap or the space bar — no install, no real coin of risk to your device.

As the magnitude climbs, the effect builds: a live seismograph reacts to every tremor, screen cracks spread, dust particles drift down, and objects start falling across a fake desktop. A deep rumble sound completes the illusion, making it a fun tool for pranks, videos, and demonstrating earthquake intensity.

Private by design: every shake, sound, and effect is generated locally in your browser using CSS transforms, canvas, and the Web Audio API. Nothing is uploaded, stored, or tracked, and no actual screen damage occurs.

How to Use the Earthquake Screen Shake

Trigger an earthquake

Press Space or click (tap on mobile) anywhere on the screen to start a quake. Watch the screen shake, the seismograph spike, and visual effects appear.

Open settings to customize

Press Esc or use the Settings button to set the Magnitude (1 to 10), choose a Pattern, adjust the Duration (1 to 30 seconds), and toggle Sound.

Set an auto-trigger (optional)

Enter an interval (3 to 60 seconds) in the Auto-Trigger Timer and start it to fire earthquakes automatically — handy for an unattended prank.

Reset when done

Each quake stops automatically after its duration. Press R or use Reset Everything to clear all cracks, falling objects, and effects and return to the calm starting state.

Features

Adjustable Magnitude

A color-coded slider runs from 1 (Minor) to 10 (Extreme), so you control how gentle or catastrophic each shake feels.

Four Shake Patterns

Choose Tremor (steady vibration), Tectonic (build up then decay), Volcanic (sudden bursts), or Aftershock (decreasing waves).

Live Seismograph

A real-time waveform tracks activity and changes color — green for calm, amber for moderate, red for severe — with a glow at high intensity.

Progressive Damage Cracks

Crack lines appear at magnitude 4+, intensify at 6+, and reach heavy cracking with a reddish glow at 8+.

Falling Objects & Dust

Dust particles drift down from magnitude 5, and objects start tumbling across the screen from magnitude 6 upward.

Rumble Sound Effects

Procedurally generated brown noise and a sub-bass oscillator produce a deep rumble that scales with magnitude. Toggle it on or off.

Adjustable Duration & Auto-Trigger

Set each quake from 1 to 30 seconds, or use the auto-trigger timer to fire repeated earthquakes at a set interval.

Fake Desktop Scene

A mock desktop with icons, a terminal window, and a live-clock taskbar makes the shaking look like a real system in distress.

Keyboard Shortcuts

Press Space to trigger, Esc to open or close settings, and R to reset everything — no buttons to hunt for.

Works on Mobile

Tap anywhere to trigger an earthquake; the settings panel and every effect work on phones and tablets too.

Frequently Asked Questions

What is the earthquake screen shake effect?

It is an interactive simulation that makes your entire browser screen shake like an earthquake. You set a magnitude and pattern, then trigger it to see the screen vibrate, a seismograph react, and visual effects such as cracks and falling objects appear.

How do I make the screen shake like an earthquake?

Press the space bar or click anywhere on the screen to trigger a quake. Press Esc to open settings, where you can raise the magnitude, switch the shake pattern, and lengthen the duration for a stronger, longer effect.

Is this a real earthquake or just a prank?

It is purely a visual prank and simulation. The shaking is created with CSS transforms and canvas animations inside your browser — there is no real earthquake and no actual damage to your screen or device.

Can I adjust the shake intensity?

Yes. The magnitude slider goes from 1 (barely noticeable) to 10 (catastrophic). Higher magnitudes shake harder and unlock extra effects: cracks at 4+, dust at 5+, falling objects at 6+, and a heavy reddish damage glow at 8+.

How do I stop the earthquake?

Each earthquake ends automatically after the duration you set (1 to 30 seconds). To stop it instantly and clear all effects, press R or use the Reset Everything button in settings.

Why can't I hear the rumble sound?

Make sure the Sound toggle is on in settings. Browsers also require a user interaction before audio can play, so the first click or key press that triggers an earthquake will unlock the sound.

Does it work on phone and desktop?

Yes. On a phone or tablet, just tap anywhere to trigger an earthquake; the settings panel and all effects work too. The experience is most dramatic on larger screens, but it runs anywhere with a modern browser.

Is any data collected?

No. Everything runs entirely in your browser. No data is sent to any server, nothing is stored, and nothing is tracked.