Interactive web horror / JavaScript experiment

Trapped in the Screen

A love letter to television horror

A web-based horror experience where scroll, distortion, and reactive text create a claustrophobic television-inspired encounter.

Back to portfolio

Role

Designed and built the interaction

Interaction Designer & Front-End Creative

Scope

Scroll as tension mechanic

Used JavaScript, animated typography, and reactive states to turn user input into tension, flicker, and visual instability.

Results

A browser-born horror space

Produced a playful but unsettling browser piece that demonstrates direct control over interaction, pacing, and aesthetic atmosphere.

Narrative

"Trapped in the Screen” developed by Light Alasady, is an interactive, web based experienced that focuses on web interaction through the lens of horror. This project exemplifies Light's ability to utilise Javascript to blend unsettling imagery with direct user interaction.

For this project, Light wanted to pay homage to horror, through focusing on key adjectives such as playful, growth, and interwoven to shape the project's direction. The core of the project lies in trapping users with unsettling imagery through their own input, by creating a reactive, flickering page, that distorts and changes as the user scrolls. Light wished to mimic the effects of static television screens in horror media, by creating an enclosed space for the user to scroll through.

JavaScript powers the interactive heart of this web project, driving dynamic text changes and immersive effects. By responding to scroll events, the script triggers a flickering text effect that mimics visual distortion, heightening the sense of claustrophobic tension. With smooth, optimised performance using requestAnimationFrame, it ensures a gripping and seamless user experience that perfectly complements the horror-themed design.