w1n5t0n/memlnaut-nisps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(playground): add ShapeSeq container to immersive layout

Browse source 
Add #shapeseq-container div with a canvas and chain mount point,
positioned above the bottom controls. Visible when ?shapeseq=1 is
set and synth mode is active.
This commit is contained in:
w1n5t0n 2026-04-07 00:01:57 +01:00
parent 1e9dda6e38
commit d10f80210c
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
playground/a-immersive.html
View file

@ -73,6 +73,12 @@
<!-- Audio Canvas mode container --> <!-- Audio Canvas mode container -->
<div id="audio-canvas-wrap" style="display:none;position:absolute;inset:0;z-index:1"></div> <div id="audio-canvas-wrap" style="display:none;position:absolute;inset:0;z-index:1"></div>
<!-- ShapeSeq container (visible when ?shapeseq=1 and synth mode) -->
<div id="shapeseq-container" style="display:none;position:absolute;bottom:120px;left:16px;z-index:10;pointer-events:auto;">
<canvas id="shapeseq-viz" width="200" height="200" style="border-radius:12px;background:#0d0d0d;"></canvas>
<div id="shapeseq-chain"></div>
</div>
<!-- Fullscreen flow field canvas --> <!-- Fullscreen flow field canvas -->
<canvas id="vis-canvas"></canvas> <canvas id="vis-canvas"></canvas>