How to run the "Omni-Scanner"

  1. Hosting: Like the previous example, this requires HTTPS or localhost.
  2. Permissions: When you click "Init Camera," allow camera and microphone access.
  3. Modes:
    • Normal: Standard camera feed with a sci-fi overlay.
    • Predator: Uses a GLSL shader to calculate the luminance (brightness) of every pixel in real-time and maps it to a heat-gradient (Blue -> Green -> Red -> White). This simulates thermal vision.
    • Voxel-12k: Uses a pixelation algorithm in the GPU. It creates a grid, snaps the pixels to that grid (creating blocks), and then boosts the saturation to give it a "high-definition retro" look.
  4. Spectrometer: The graph in the bottom left listens to your microphone and visualizes the audio frequencies (Bass, Mids, Treble). This creates the "Frequency Analysis" visual you asked for.

Technical Notes on "Realism" & Limitations

  • RF Spectrum: As mentioned previously, browsers cannot access the raw Radio Frequency hardware to show a real RF spectrometer (like seeing Wi-Fi waves). I have substituted this with an Audio Spectrometer, which looks visually similar and reacts to the environment.
  • Thermal: The Predator mode is a visual simulation based on light. Dark areas turn blue/black, bright areas turn red/white. It cannot see heat through walls (that requires specific hardware sensors like FLIR), but it looks exactly like the movie effect.
  • Performance: This uses Three.js and WebGL, meaning the heavy lifting is done by your phone/laptop's Graphics Card (GPU). This allows it to run smoothly even while applying complex filters.



  1. AI Object Recognition (Terminator Mode): The system now scans the video feed and identifies objects (Person, Cup, Cell Phone, Keyboard, etc.) and draws a tactical box around them with probability percentages.
  2. Audio Sonar (Geiger Counter): When tracking a Bluetooth device, the app generates synthetic audio beeps. As the signal gets stronger (RSSI increases), the pitch gets higher and the beeping gets faster.
  3. Optical Zoom: Use the Mouse Scroll Wheel or the + / - Keys on your keyboard to digitally zoom in and out of the augmented reality feed.
  4. Tactical Instructions: A startup modal that explains how to operate the system.

Updated 14 days ago
StatusReleased
PlatformsHTML5
AuthorSmazogz of Smazlabz

Leave a comment

Log in with itch.io to leave a comment.