Skip to content

High-performance real-time audiovisual systems exploring DSP and browser rendering.

Notifications You must be signed in to change notification settings

jayvenn21/obliqzn-overview

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 

Repository files navigation

Obliqzn

Obliqzn is a collection of high-performance, real-time audiovisual systems exploring DSP, rendering pipelines, and interactive tooling in the browser. The projects are built and maintained by an independent creative lab at the intersection of sound, visuals, and computation.


Projects

ColorSynth

Real-time audio-reactive visual instrument. ColorSynth maps DSP features—tone, rhythm, spectral balance, stereo field, and vocal presence—to expressive visuals using the Web Audio API and Canvas 2D. It listens for musical structure, not just loudness.

Technical highlights

  • FFT-based spectral analysis with perceptual banding
  • Multi-rate pipeline separating audio analysis, rendering, and analytics
  • Deterministic export loop decoupled from preview rendering
  • Manual batching and vectorized math to sustain 60fps on target hardware
  • Vocal/speech detection for structure-aware reactivity

RadialField

GPU-conscious generative art tool focused on parametric field composition and high-resolution export. RadialField exposes the system—the field, the math, the parameters—so structure itself becomes the expressive medium.

Technical highlights

  • Field-based composition with layered transforms and mode systems
  • Export-oriented rendering pipeline for print and video
  • Performance-conscious parameter evaluation and canvas lifecycle
  • Shareable presets and remix URLs

System architecture (high level)

  • DSP pipeline (ColorSynth): Audio → analysis (FFT, bands, onset, stereo) → feature state → visual parameters. Analysis runs at a fixed rate; rendering runs at display rate; export uses a deterministic frame loop.
  • Rendering pipeline: Canvas 2D with explicit batching, minimal allocations in the hot path, and clear separation between interactive preview and offline/export quality.
  • Performance: Target 60fps for preview; export runs at configured resolution and framerate without depending on real-time constraints. Memory and teardown are managed when switching between tools.

Technical challenges addressed

  • Keeping real-time audio analysis, UI, and canvas rendering in sync without blocking or frame drops
  • Decoupling “what you see” from “what gets exported” so exports are deterministic and repeatable
  • Sustaining smooth interaction on large canvases and many draw calls via batching and vectorized math
  • Clean handoff and resource release when moving between heavy tools (e.g. RadialField ↔ ColorSynth) in a single-page app

Implementation note

Core rendering, DSP, and engine implementations are private. This repo is for public overview, demos, and links only. Happy to discuss architecture, tradeoffs, and design decisions.


Future work

  • GPU acceleration experiments for both analysis and rendering
  • Improved parameter and preset evaluation tooling
  • Expanded export and scripting interfaces

Site: obliqzn.xyz · Tools: obliqzn.xyz/tools

About

High-performance real-time audiovisual systems exploring DSP and browser rendering.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published