HyperLap2D Skill — Layered 2D Scene Editor in the Browser

What it does

The scene model of HyperLap2D — the platform-independent visual editor for complex 2D worlds — rebuilt to run in the browser. Compose a scene in depth bands, drive the camera, tune the separation, and preview what a libGDX or Spine project would render.

The process

1. The scene is blocked into separate depth bands: far sky, distant landform, mid structure, close foreground.
2. Each band is painterly-rendered so its silhouette reads on its own.
3. Atmospheric haze sits between the bands, selling distance with light rather than added detail.
4. Each band gets its own depth factor — sky drifts a little, foreground moves most.
5. The layer set exports with those factors, shaped for a libGDX or Spine runtime.

What you can do on any example

Move the pointer to drive the camera, click a layer name to hide that band, and use the depth dial to scale the whole parallax spread from flat backdrop to strong separation.

On the upstream project

The original HyperLap2D is a Java, libGDX-backed desktop editor with a Spine runtime. This is the layering and camera model it uses, without the install.

All 10 examples

• Sky Temple — Parallax scene
  Five depth layers, drifting cloud bands, a floating shrine and a lantern glow.
• Sunken Street — Underwater scene
  Caustic light, kelp sway and a ruined shopfront at the sea floor.
• Neon Alley — Rain scene
  Wet asphalt reflection, three neon sources and a passing tram silhouette.
• Dune Caravan — Heat shimmer
  Rolling dunes, a shimmering horizon and three camels reading as one silhouette.
• Winter Station — Snow scene
  Falling snow, a lamp pool and a platform bench under thick accumulation.
• Bamboo Valley — Mist layers
  Four receding ridges of bamboo in thick morning mist, near grove in silhouette.
• Orbital Dock — Sci-fi scene
  A station spine receding to a planet limb, docking arms lit from below.
• Autumn Fair — Village festival
  Stalls, bunting and falling leaves over a cobbled square at dusk.
• Crystal Cave — Underground scene
  Bioluminescent crystal clusters lighting a deep chamber and a still pool.
• Desert Monsoon — Storm scene
  Rain sheets crossing dunes, a flash lighting the far mesa and a flooded track.

More studios in this series

• IP as Logo Skill
• Agent Sprite Forge Skill
• Story to Hand-Drawn Video Skill
• Travel Memory Sticker Card Skill
• IP Illustration For Yourself Skill