What is CodersFX.dev

CodersFX is a browser-based tool for creating short audiovisual programs in the tradition of the demoscene: chiptune music, glowing plasma fields, copper-bar color cycling, sine-wave scrollers, pixel-perfect bitmap fonts, and chrome logos rendered at low resolution and scaled up with nearest-neighbor filtering for that authentic retro look.

The project has two parts you can use independently:

• @codersfx/sdk — a TypeScript/Three.js engine that handles effect registration, layer compositing, post-processing, font/atlas rendering, pixel-logo generation, and chiptune audio. It is framework-agnostic and can be imported directly into any TypeScript project.
• @codersfx/editor — a React + @react-three/fiber visual editor that wraps the SDK. Load a template (cracktro, intro, or demo), tweak parameters, preview in real time, and export a ZIP bundle you can host anywhere.

A Railway deployment layer (deploy/) provides the hosted editor and a share-link API so productions can be linked with a short URL.

What is a cracktro / intro / demo?

These are the three production types the editor supports. They come from the demoscene — a subculture that emerged in the 1980s when software pirates began attaching small audiovisual intros to cracked games, and hobbyist programmers turned those intros into a competitive art form of their own.

Cracktro — traditionally bundled with cracked software (~20–30 seconds). The smallest format: a single scene with a scroll text, chiptune, and a couple of effects. Amiga/C64/PC origins (mid-80s to mid-90s). In CodersFX this is the smallest template, targeting 320×200 upscaled to full screen.

Demo — the long-form variant: several minutes, multiple scenes, full audiovisual narrative, no hard size limit. In CodersFX this is the largest template with an extended director timeline and a larger asset budget.

The production type is set when you create a project and controls which effects are available and what canvas resolution defaults are used.