Pages

▼

11/08/2019

Helix/HX Stomp preset-snapshot online viewer

I have implemented a Line6 Helix/HX Stomp online preset viewer, is hosted on a free heroku server here: https://sensationnel-gerard-26922.herokuapp.com/# . The app needs javascript to work.

It can display block state and parameter values for each snapshot, the active blocks have a white border and the inactive blocks have a grey border, and the parameters affected by a snapshot are in white text.


Motivation


I have the HX Stomp and I have purchased some presets that make good use of snapshots to have different sounds in the the same preset, this is important in the Stomp beacuse of the limited number of blocks available. I wanted to learn how to make my own presets but I find difficult to visualize the difference between snapshot when it changes a lot of parameters so I decided to implement a visualizer that can display all the parameters at once.

Once I had it working for the Stomp presets I adapted it to visualize the Helix presets, this way I can learn from all the presets avaliable from CustomTone.

How-To Use


To use it simply drag and drop your hlx files or click and select the files you want to visualize:


Click "Upload files":


Click "Finish" or select one preset from the list:


The preset list can be toggled with the = button to the left of  "Presets"



You can add more presets at any moment using the + button to the right of "Presets"



Technical info


The app is developed in javascript using Node.js and Express for the backend and Vue.js for the front end. The preset graphic paths and blocks are drawn in SVG.

The files are uploaded to the server but never written to disk, they are parsed in memory to build a json model ready for display. The .hlx files are json files but the parameters values lack unit information, are in different scales than displayed in the hadware and some are discrete value codes. This values are parsed in the backend and transformed to the correct display values. In the parse process the snapshot information is also transformed and embedded in the display model.



at

12 comments:

  1. Unknown12/09/2019, 21:20

    Opensource?

    ReplyDelete
  2. Unknown21/09/2019, 21:38

    FYI, the pan settings of the splitter and mixer show up as center but my preset has A and B hard panned left and right, respectively. Seems a minor bug in your parser or display.

    ReplyDelete
    Replies
    1. yeraym23/09/2019, 19:16

      I have fixed some bugs, now should display correct parameters for split, mixer and tilt.

      Delete
  3. Unknown26/09/2019, 05:12

    Uh oh. Now I'm getting an "application error" just trying to get to the viewer.

    ReplyDelete
  4. MonsieurKoZo14/02/2020, 14:28

    Hi,
    Great tool thanks a lot. Is it possible to share the source of the app, please?
    Cheers

    ReplyDelete
  5. Peter Zackrisson11/05/2020, 18:14

    Really nice work! The best viewer yet

    I would also love if you share the source.

    What a nice feature it would be if you could drag a download link from customtones to this tool to take a peak on the preset without putting it on the real helix.

    Another nice feature would be to be able to run it locally with a helix backup as input.

    ReplyDelete
  6. Unknown28/11/2020, 05:39

    Very Nice! Thanks for pulling this together. Can you get it to output the IR file name?

    ReplyDelete
  7. Kuba10/01/2021, 22:48

    Hi,
    It doesn't reconize .hlx files created in Helix Native. The message is: "not HX Stomp or Helix preset file"

    ReplyDelete
  8. Louis19/02/2021, 06:57

    Excellent! Very helpful. What is snapshot 0? is it 1?

    ReplyDelete
  9. sebastian_lopez02/03/2021, 14:55

    Excellent website. Very helpful for those who want to get new sounds. Congratulations

    ReplyDelete
  10. sebastian_lopez10/09/2021, 17:28

    Excellent application. Is there something for headrush?

    ReplyDelete
  11. Christian F. Pineda-Pérez11/03/2023, 05:38

    Is not working now¡ :(

    ReplyDelete