Node File // About

Site Capability Index

A technical breakdown of the current visual, audio, interaction, and scene systems running across the website.

Feature Manifest

Lights

Layered neon lighting drives atmosphere and motion depth throughout the scene.

  • UFO orbit lights, except on the cube, use random size, radius, speed, opacity, and blink parameters.
  • All UFOs except the cube include a blinking center light with intensity variation.
  • Random ambient glow nodes fade in and out across the board.
  • Glow spawn positions are mouse-biased, so glow density trends higher near the cursor.
  • A shader-based flashlight/projektor follows the cursor with smoothing and optional flicker.
  • Additive shimmer overlays add subtle motion and energy haze.

Signal Traces

Grid-based signal traces animate continuously to keep the background alive.

  • Each signal traces tracks position arrays, direction, speed, and length.
  • Signal traces can respawn, exit, and re-enter with smooth interpolation.
  • Rendering emphasizes luminous, high-contrast trail behavior like a snake moving across the board.

UFOs

Two behavior families create both reactive and autonomous flight patterns.

  • Follower UFO tracks mouse movement with smoothing.
  • Flyby UFOs enter and cross the scene with randomized trajectories.
  • Eight textures provide variation between ships.
  • Entry, hover, and exit states use randomized timing and velocity.
  • Hit reactions trigger shake, explosion, and supporting light effects.

The Cube

The project carries tech language and cube-inspired texture motifs.

  • The Cube is the only UFO that cannot be destroyed.
  • Direct Cube object references are limited in current feature excerpts.
  • Cube-adjacent style appears through tiled background design and system aesthetics.
  • The visual direction remains compatible with a future dedicated Cube mesh.

Audio Features

Audio layers support immersion with continuous ambience and reactive effects.

  • Background audio loop: Modular Drone by Gullfeather.
  • Six laser sound variations selected randomly per trigger.
  • UI toggles allow mute/pause control for live audio management.

Explosions and Lasers

Impact sequences combine timed visuals and synchronized sound effects.

  • Laser actions include animated beams, impact sprites, and hit timing.
  • Explosion playback uses PNG frame sequences.
  • Variant selection and frame flipping reduce repetitive visuals.

Scene and Overlays

Rendering and HUD systems blend 3D scene dynamics with diagnostic overlays.

  • Rendering uses a hybrid React UI layer and WebGL scene pipeline.
  • Overlay utilities include FPS/performance diagnostics.
  • Navigation and audio controls use animated interactive UI states.

Build Profile

Technologies Used

The site is built on this production stack:

Core Platform

  • Next.js 16 (App Router)
  • React 19
  • Tailwind 4
  • TypeScript

Visual and Motion Stack

  • Motion
  • Three.js
  • react-three-fiber
  • GSAP
  • Postprocessing

Site Services

  • Nodemailer