From 6e53264b8fc0ed94282bcce022f07c551e925547 Mon Sep 17 00:00:00 2001 From: julian laplace Date: Mon, 14 Jul 2025 16:58:49 +0200 Subject: pitched noise mode --- index.html | 72 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 66 insertions(+), 6 deletions(-) (limited to 'index.html') diff --git a/index.html b/index.html index b0687db..746b359 100644 --- a/index.html +++ b/index.html @@ -1,3 +1,4 @@ + Triangle / Lambdoma @@ -84,7 +85,7 @@ right: 0; height: 100%; padding: 0.5rem; - z-index: 1; + z-index: 1001; transition: opacity 0.2s; overflow: scroll; opacity: 0; @@ -173,13 +174,13 @@ #help li { line-height: 1.4; } - #help-button { + .ui-button { position: fixed; top: 0; right: 0; z-index: 12345; cursor: pointer; - margin: 0.75rem; + margin: 9px; width: 32px; height: 32px; display: flex; @@ -190,10 +191,14 @@ border-radius: 50%; background: rgba(0, 0, 0, 0.25); backdrop-filter: blur(20px); + transition: background 0.1s; line-height: 0; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } - #help-button span { + .ui-button:hover { + background: rgba(0, 0, 0, 0.5); + } + .ui-button span { display: flex; flex: 1; justify-content: center; @@ -202,6 +207,39 @@ font-size: 20px; height: 100%; } + .ui-button svg { + width: 24px; + height: 24px; + } + .ui-button svg path { + filter: drop-shadow(0px 0.75px 1px rgb(0 0 0 / 0.4)); + } + .ui-button .bandpass path { + stroke: white; + stroke-width: 1.5px; + stroke-linecap: round; + } + .ui-button .sine path { + stroke: white; + stroke-width: 20px; + } + #help-button { + top: 0; + } + #modus { + top: 50px; + } + #modus .bandpass, + #modus .sine { + position: absolute; + top: 4px; + left: 4px; + opacity: 0; + transition: opacity 0.1s ease-out; + } + #modus .visible { + opacity: 1; + } .mode { cursor: pointer; } @@ -238,6 +276,9 @@
  • Right-click notes to turn on sine waves matching the interval.
    • +
  • + Resonator mode puts white noise through tuned bandpass filters. +
  • Drag-and-drop samples into the window to play with your own sounds.
    • @@ -279,7 +320,7 @@ Detect MIDI device (listening on channel 1) - ⇧ +
    ⇧ - + ⌘ +
    ⌘ - Change scale root by +/- 1 hz @@ -509,7 +550,26 @@
    -
    ?
    +
    ?
    +
    + + + + + + + + + + +
    -- cgit v1.2.3-70-g09d2