proehlen / 3d-sine-waves

Render sine waves in 3D.

Home Page:https://proehlen.github.io/3d-sine-waves/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Waves

This web app generates sine waves with customizable frequency, amplitude etc and renders them in 3D with constructive and destructive interference.

Live demo at https://proehlen.github.io/3d-sine-waves/ .

Dev setup

  1. npm install
  2. Building:
    • npm start (dev) - OR -
    • npm run build (build)

Instructions

  • Click 'Add' to add new waves.
  • Select waves with the mouse by clicking the spheres (wave origin)
  • Move wave origins by dragging the arrows at the wave origin
  • Adjust wave parameters by entering new values in the selected wave panel
  • Drag on page to rotate rendering.

About

Render sine waves in 3D.

https://proehlen.github.io/3d-sine-waves/


Languages

Language:TypeScript 93.2%Language:JavaScript 3.9%Language:HTML 2.2%Language:CSS 0.7%