← Back to projects

Signal Processing · Web

Interactive Signals & Systems

Real-time 3D continuous convolution and Fourier series.

Interactive lab for continuous convolution and Fourier decomposition at 120 FPS. Built with native Canvas 2D and Three.js camera projection, without third-party plotting libraries.

Public web application

  • Canvas 2D
  • Three.js
  • JavaScript
  • Processamento de Sinais
  • 120 FPS

01 / The problem

The problem

Explain continuous convolution integrals and Fourier series visually, without proprietary desktop software.

02 / Context & contribution

Context & contribution

Creator. Designed to run entirely client-side on GitHub Pages without a backend.

03 / Engineering choices

Engineering choices

01

Canvas 2D with 3D projection

Custom 120 FPS rendering pipeline using Three.js camera projection directly into Canvas 2D, avoiding heavy plotting packages.

02

Support and regime calculation

Algorithm that computes signal support intervals and derives exact integration limits for each segment.

03

Textbook reference cases

Analytical examples based on Oppenheim and Lathi, with step-by-step graphical verification.

Project limitations

Runs entirely in the browser; maintaining 120 FPS depends on the user's hardware graphics support.

Explore the evidence

Open source repository and live demo on GitHub Pages supporting Portuguese and English.

High-frame-rate mathematical visualization built on native browser APIs.

Talk about this project ↗

PORTFOLIO / SECRET TERMINAL

Hello, explorer.

Curiosity is a useful engineering skill. You found the secret door.

Next clue: in the lab, find the signal with no noise and no smoothing.

Esc to return to exploring