Author Topic: Preen editor in browser  (Read 2752 times)

Toltekradiation

  • Administrator
  • Sr. Member
  • *
  • Posts: 285
    • View Profile
Preen editor in browser
« on: March 05, 2026, 08:14:03 PM »
Hello,

What if you could edit the preenfm directly from your browser?
I built a small React app to experiment with the idea—here it is  :D.

https://preen-web-ui.vercel.app/


It’s very early, but it already works and can edit patches from the browser.

Source code:
https://github.com/pvig/preen-web-ui

Feel free to play with it, improve it, or send PRs.

rayultine

  • Team member
  • *
  • Posts: 5
    • View Profile
Re: Preen editor in browser
« Reply #1 on: March 12, 2026, 10:45:33 PM »
This is really cool Toltek!

I am having one problem: Is there some default/critical setting that I am missing? I can send patches to my preenfm3 and the settings on the preen match what I have in the browser. But the patch is making no sound. I have the OP volume up, I made sure the patch is not using too many voices to go over the max. Any ideas?

Toltekradiation

  • Administrator
  • Sr. Member
  • *
  • Posts: 285
    • View Profile
Re: Preen editor in browser
« Reply #2 on: March 14, 2026, 12:22:26 AM »
Hi,
there was some bugs, like the arp clock setted to Ext by the editor, for some reason, which was maybe the cause of the issue you describe.
Hopefully this bug is fixed :)

There is now a new feature : Mutations. The idea is to interpolate between two patch to get new sounds. It gives some fun results so far.

matrix12x

  • Team Member
  • ***
  • Posts: 203
    • View Profile
Re: Preen editor in browser
« Reply #3 on: March 20, 2026, 01:24:43 AM »
awesome!! great work Toltekradiation

Toltekradiation

  • Administrator
  • Sr. Member
  • *
  • Posts: 285
    • View Profile
Re: Preen editor in browser
« Reply #4 on: March 20, 2026, 07:52:41 PM »
thanks ! :)

Next challenge is to add the operator enveloppe curves selector, it will need a firmware adaptation as well, but it may be cool, for a faster edit!

Toltekradiation

  • Administrator
  • Sr. Member
  • *
  • Posts: 285
    • View Profile
Re: Preen editor in browser
« Reply #5 on: April 03, 2026, 10:10:01 PM »
Hello,

Here is a firmware update that simplifies editing the PFM3's envelope curves via the web application.
Filter 2 is also now editable.

The stereo bandpass filter has also been improved: this version features 3 poles, providing a more focused response.

I removed the experiments with Karplus-Strong algorithm and the resonator from the code, which were not really useful in my opinion.

Toltekradiation

  • Administrator
  • Sr. Member
  • *
  • Posts: 285
    • View Profile
Re: Preen editor in browser
« Reply #6 on: April 06, 2026, 12:55:13 PM »
Some update for the web editor :

- Added a component (Genetic Patch Breeder) to replace the patch interpolator :

Two parent slots — load a patch from file or pull from hardware
Genetic crossover — 6 DNA blocks (ALGO, OSC, ENV, MATRIX, FILTER1, FILTER2), each inherited from one parent
Generates 4 children — each child shows block provenance; per-child actions: Listen (MIDI preview), promote to Parent A/B, Load into editor, Save as .patch

- Also added a Slot component which can store 4 patches in memory, useful as temporary buffer when playing with patch mutation

- Added a spectrogram to display the audio input spectrum in real time

- Added some visual goodies, just for fun : splash screen, starfield as background (can be disabled by menu)


did some tests with the Preenfm2 : it seems to work well