[javascript-dev] controller/lfo mapping slider

I have an idea for something that I would really like to implement as a JSUI object,  If someone has already created something like this I would love to get it.  Heres the basic idea, which is very similar to native instuments massive synth method of controller mapping:

there is a slider with two inputs, the left main input would control the "main controller" amount out, and the right input would control the "lfo/sequencer" variation that would apply to the slider, so the user can click, or have a slider driving the main center of the slider, and shift or option click and drag to create a range that the lfo would effect around that slider.

Does this make sense?  massive features drag and drop which is a bit too involved and not really worth it for what im working on, and I also prefer sliders to massive's knobs, but I feel like this would be a really great UI object because it allows multiple control methods in a small space.  Ive made something that does this with max objects, using range, a gate for inverting, and a little drop down for receives from the lfos and step sequencers, but it would be great for space efficiency and user friendliness to have one object that does this.  Also the range slider in max is a bit limited in its functionality and graphic style.

I really know nothing of javascript, so if anyone else wants to step in and make this highly useful object, I would appreciate it.  I will try some things on my own but type-coding in c and JS was never really something I enjoyed...  thats why I like max!



Heres the version I made with max, it doesn't feature a seperate "main" input for controlling the center of the slider once the stepsequencer is applied:


#P window setfont "Sans Serif" 9.;
#P window linecount 1;
#P newex 122 191 27 196617 + 1;
#P newex 125 215 38 196617 gate 2;
#P newex 153 242 93 196617 scale 0 127 127 0;
#P newex 125 302 93 196617 scale 0 127 0 127;
#P user ubumenu 55 103 15 196617 0 1 1 0;
#X setrgb 255 255 255 131 150 183 99 99 99 4 4 4 141 141 141 112 112 112;
#X add none;
#X add ______________;
#X add 1_step_sequencer;
#X add 2_step_sequencer;
#X add 3_step_sequencer;
#X add 4_step_sequencer;
#X add 5_step_sequencer;
#X add 6_step_sequencer;
#X add 7_step_sequencer;
#X add 8_step_sequencer;
#X add 9_step_sequencer;
#X add morph_ammt_x;
#X add morph_ammt_y;
#X add morph_ammt_z;
#X add 1_trajectory_x;
#X add 1_trajectory_y;
#X add 2_trajectory_x;
#X add 2_trajectory_y;
#X add icubex_bang1;
#X add icubex_bang2;
#X add icubex_bend1;
#X add icubex_bend2;
#X add icubex_gforce1x;
#X add icubex_gforce1y;
#X add icubex_tilt1x;
#X add icubex_tilt1y;
#X prefix_set 0 0 <none> 0;
#X pattrmode 1;
#P toggle 69 104 15 0;
#P message 50 69 26 196617 127;
#P message 35 70 14 196617 0;
#P newex 31 41 48 196617 loadbang;
#P outlet 71 368 15 0;
#P newex 70 345 95 196617 scale 0 127 $1 $2;
#P user multiSlider 69 119 15 97 0. 127. 1 2665 47 0 0 5 0 50 1;
#M frgb 121 130 178;
#M brgb 255 255 255;
#M rgb2 127 127 127;
#M rgb3 124 124 124;
#M rgb4 37 52 91;
#M rgb5 74 105 182;
#M rgb6 112 158 18;
#M rgb7 149 211 110;
#M rgb8 187 9 201;
#M rgb9 224 62 37;
#M rgb10 7 114 128;
#P user rslider 56 118 14 97 128 1 0 11 0;
#P user panel 53 100 35 119;
#X brgb 109 118 189;
#X frgb 0 0 0;
#X border 1;
#X rounded 5;
#X shadow 5;
#X done;
#P newex 155 167 61 196617 prepend set;
#P newex 156 190 43 196617 receive;
#P connect 8 0 3 0;
#P connect 8 0 10 0;
#P connect 7 0 8 0;
#P connect 7 0 9 0;
#P fasten 12 0 10 0 130 332 104 332 104 93 74 93;
#P connect 9 0 3 1;
#P connect 4 0 5 0;
#P connect 5 0 6 0;
#P connect 14 0 12 0;
#P connect 13 0 12 0;
#P fasten 10 0 15 0 74 155 127 155;
#P connect 15 0 14 0;
#P connect 0 0 14 1;
#P connect 14 1 13 0;
#P fasten 11 1 1 0 62 143 160 143;
#P connect 1 0 0 0;
#P fasten 3 0 12 3 61 286 178 286;
#P fasten 3 1 12 4 65 281 194 281;
#P window clipboard copycount 16;

--
-=ili!ili=-  www.Axiom-Crux.net  -=ili!ili=-