Better templates

[gogins]

I'm using the full kit here, pieces in HTML5 with other languages embedded, possibly including Strudel. The objective is to make all new pieces using a recent older piece as a template, regardless of the target platform, i.e. browser vs. NW.js, with as many resources as make sense already embedded in the piece.

I will create several templates by updating the best pieces, all in the cloud-5/public directory:

• [x] Poustinia-v5e.html, generates a score using CsoundAC and both plays and renders it using native plugins, with a piano roll score. Runs only in NW.js.
• [x] cloud_music_no_1.html, generates an animated visual using GLSL, samples it, and plays it using pure HTML. Runs both in browsers and in NW.js.
  • [x] Add dat.gui controls for all instruments in the piece.
  • [x] Fix levels.
  • [x] Fix typography in About overlay.
• [x] cloud_music_no_9.html, runs a Strudel patch that can be live coded, with an accompanying GLSL music visualization. Runs both in browsers and in NW.js.
  • [x] Add dat.gui controls for all instruments in the piece.
  • [ ] Make the music visualization at least noticeable.
• [x] Clean up typography on About overlay.
• [x] Put in some way of re-arranging instrument definitions without editing the Csound orchestra. Not worth the effort.
• [x] Put in folding hints to make editing easier.
• [x] See if there's a better way to embed Strudel. Doesn't seem easy.

I shouldn't go crazy here.

[gogins]

The views:

• [x] Music visualization or shader, always visible.
• [x] Piano roll score, if enabled, as an optional overlay or Strudel REPL, if enabled, as an optional overlay or iframe.
• [x] Log, as an optional overlay.
• [x] About/credits, as an optional overlay.

The buttons:

• [x] Play.
• [x] Render.
• [x] Stop.
• [x] Fullscreen.
• [x] Strudel (if enabled) or Piano roll (if enabled).
• [x] Controls (shows/hides dat.gui menu).
• [x] Log.
• [x] About.

[gogins]

The HTML page should be reorganized to simplify composing and maintenance. The following sections should come at the top of the HTML code in the following order:

1. About.
2. Score generator.
3. Strudel patch.
4. Shader code.
5. Csound orchestra.
6. Log.
7. Csound controls (dat.gui menu).
8. Main menu and infrastructure.

As far as possible, each section should be self-contained, with the parts the user is most likely to edit at the top of the section, and the supporting code at the bottom of the section.

[gogins]

Perhaps to attach the dat.gui menu in the right place: https://stackoverflow.com/questions/40523458/dat-gui-size-and-position-of-menu-javascript-css

[gogins]

Fix:

• [x] Log overlay covers dat.gui controls. Gave the main menu bar a higher z-index than all overlays.
• [x] Typography on About still needs work.

[gogins]

Rendering cloud_music_no_9 to soundfile in NW.js writes audio (although the soundfile name is funny), but of course Csound races ahead while Strudel is going in real time. The way to deal with this for Strudel pieces would be to write a file using fout during a regular live performance.

Render in a browser might or might not "work" but, even if it works, the soundfile will be written in private storage in the browser sandbox. I don't want to deal with this if I don't have to.

[gogins]

The Poustinia variations are working. There's a hangup because I can't fool around with VST3 parameters and export just one preset from Reaper, and I can't seem to get the VST3PluginTestHost program to run audio from an instrument into the Valhalla reverb. But simply setting the parameters seems to work. And program change doesn't seem to work with the Valhalla, either.

With the speed of the MacBook, this is a very productive way of working.

To do:

• [x] Either set all Valhalla parameters in Csound, or learn how to test the reverb in the test host (not possible) or Reaper, and export just one preset. At least I can see exactly what the parameters are in Reaper. Oops, I had inserted the ValhallaShimmer as an AudioUnit instead of as a VST3 plugin. Setting all the parameters also works, but is more tedious.
• [x] Bring in some more percussive sounds from Cancycle.