Earshot
Hero & InteractionNew

Earshot

Run until the world changes - open-world runner with frame cinema.

Free

Quick facts

Pages
1
Version
v1.0.0
Last update
Nov 8, 2026
Who can download
Free (signed in)

Made with

  • HTML
  • CSS
  • JavaScript

Overview

Earshot is a full-viewport open-world runner marketing hero by SonoJS. Shipped as a zero-build static SPA with self-hosted fonts and dense WebP frame sequences (desktop, mobile, loop). Carry the satchel across salt mirrors, citrus roads, tide causeways and aurora snowfields - every mile repaints the world. Demo game chrome only - no playable backend. Run locally with .\serve.ps1 (defaults to port 8080 via npx serve) or host the folder statically on Cloudflare Workers.

Highlights

  1. 01

    Frame-sequence cinema

    Dense WebP frames under frames/d, frames/m, and frames/loop drive the stage.

  2. 02

    World-repaint pitch

    Salt mirrors, citrus roads, tide causeways, aurora snowfields - every mile changes the world.

  3. 03

    Runner brand chrome

    Earshot title treatment with run until the world changes headline.

  4. 04

    PowerShell serve script

    .\serve.ps1 - npx serve on :8080 (Python http.server fallback).

You get

  • index.html (complete Earshot hero)
  • assets/ bundled CSS + JS
  • fonts/ self-hosted type
  • frames/d + frames/m + frames/loop WebP sequences
  • media/ stills
  • serve.ps1 + mirror.ps1

Run locally

From the unzipped project folder:

Terminal
.\serve.ps1

Details

Version
v1.0.0
Last update
Nov 8, 2026
Pages
1
Category
Hero & Interaction

You need

  • PowerShell 5.1+ for .\serve.ps1 (or Node/Python)
  • Modern browser (CSS + many WebP frames)
  • Optional: Cloudflare Workers / Pages for hosting

Related products

View all

Otis

Free

Grab his cartoon face and pull it like taffy: stretch, wobble, new expression, patience bar.

Juicy

Free

3D juice can carousel - scroll to spin, flavour themes, floating fruit, water ripple.

SkyElite

Free

Full-bleed private-jet video hero - Premium. Accessible. Book Now.