John J.A. Jannone

Hey all,
I'm successfully downloading base64 PNG files using an http request, but I can only save them up to about 120x120 pixels. I'm guessing I'm hitting a size limit somewhere in node.js...

const path = require('path');
const Max = require('max-api');
const fs = require('fs');
	
Max.addHandler("png", (data) => {
	var buf = new Buffer(data, 'base64');
	fs.writeFile('image_temp.png', buf,  function(err, result) {
     	if(err) post('error', err); });
});

test.maxpat

Hey all,
I'm successfully downloading base64 PNG files using an http request, but I can only save them up to about 120x120 pixels. 

saving-large-base64-images-with-node-js

Tried this - did not work - maybe I'm importing node:buffer incorrectly? I get "Buffer.alloc is not a function."

const Buffer = require('node:buffer');
const path = require('path');
const Max = require('max-api');
const fs = require('fs');
	
Max.addHandler("png", (data) => {
	var buf = Buffer.alloc(262144, 'base64');
	data.copy(buf, data);
	fs.writeFile('image_temp.png', buf,  function(err, result) {
     	if(err) post('error', err); });

Max.outlet("done");

});


hey John, this n4m code last ran in 2021, but it did write base64 images (coming in from Runway-ML) to disk as png images at 1024x1024. I couldn't tell you everything this code is doing (especially that string replace on the first line), but here it is in case it's useful:

//////////////////// Save base64 image into local disk //////////////////////////////////
function writeBinaryImagesToDisk() {
    // m.post(base64String) //base64 image
    let base64Data = base64String.replace(/^data:image\/\w+;base64,/, '')
        // m.post(base64Data) // remove first part of the string
    let binaryImage = Buffer.from(base64Data, 'base64')
        // m.post(binaryImage) 

    // lodash library enumerate the generated file names
    let imgNumber = _.padStart(count, 4, '0')

    // combine folder and image number
    let imgTitle = `${imgFolder}/image_${imgNumber}.png`

    // write a file with the image name in the folder, where the script is located
    // throws a warning:ERR_INVALID_CALLBACK. Ignore it...
    fs.writeFile(`${imgTitle}`, binaryImage, err => {
        if (err) m.post(err)
        //m.post(`The file ${imgTitle} has been saved!`)
        m.outlet("write", `${imgTitle}`)
    })
    count++
    //if (count <= framePerSecond * videoLength) {
        //setTimeout(generateImage(), 100) // delay time
    //}
}

... 
The above function called here
...

    const data = {
            z: a, //assign the generated latent space vector a to the Z space
            truncation: truncation, //variation in image generations - higher is more random, lower is more similar
        }
        // POST = send data (latent vector)
        // GET = request data (resulting image)
    axios
        .post(postURL, data)
        .then(() => {
            axios
                .get(getURL)
                .then((response) => {
                    //assign the base64 encoded image as string to the base64String variable
                    base64String = response.data.image

                    // call the function to save the base64 image in the png format
                    writeBinaryImagesToDisk()
                })
                .catch((error) => {
                    m.post(error)
                })
        })
        // .catch((error) => {
        //     m.post(error)
        // })

Yes thanks so much Rob! Had to mess with it a bit, but getting all image sizes now!

Saving large base64 images with node.js

How can I get JSON like this into a dict?

"[{\"title\":\"512-depth-ema.safetensors\",\"model_name\":\"512-depth-ema\",\"hash\":null,\"sha256\":null,\"filename\":\"/Users/johnjannone/stable-diffusion-webui/models/Stable-diffusion/512-depth-ema.safetensors\",\"config\":null},{\"title\":\"v2-1_768-ema-pruned.safetensors [dcd690123c]\",\"model_name\":\"v2-1_768-ema-pruned\",\"hash\":\"dcd690123c\",\"sha256\":\"dcd690123cfc64383981a31d955694f6acf2072a80537fdb612c8e58ec87a8ac\",\"filename\":\"/Users/johnjannone/stable-diffusion-webui/models/Stable-diffusion/v2-1_768-ema-pruned.safetensors\",\"config\":null}]"

I tried several approaches, and eventually made this Max monstrosity to get something that worked (attached), but it seems there's got to be an easier way...

dict-test.maxpat

hierarchical-json-dict

Input of arrays of stuff is a pain.  But life can be much easier if you can do JSON handling in javascript...

That's great - thank you Tyler! I hope the max dict suite will eventually handle hierarchical JSON better, but this will do the trick for now, and I'll study it as well :)

hierarchical JSON -> dict

Phileas Dazeley-Gaist

Hi everybody! This is my first post here so please bear with me if I'm not yet super familiar with posting conventions on this forum. 

I'm trying to make a Max abstraction using JavaScript to generate sequences of evenly spaced numbers from A to B in N steps (see the seq() function in R for an example) and running into a really silly problem where floating point numbers I send through my JS code in a list are interpreted as integers. 

I've narrowed the problem down to this code excerpt: 

inlets=2;

// if the program receives a list and it is from the left inlet, 
// use its first two terms to update A and B

function list(v) {
//assign inlets with if statements
	if (inlet==0) A = arguments[0]
	if (inlet==0) B = arguments[1]
	by = (B-A)/(N-1)
	seq() // update generated sequence
}

If I try to get a sequence from 0 to 10 in 20 steps, my code works, but if I ask for a sequence from 0 to 2.5 in 5 steps, my program returns a sequence from 0 to 2 in 5 steps, essentially interpreting my floats as the nearest floored (I think) integer.

Does anybody have any idea what's going on? 

Any help would be super appreciated! I'm also interested in alternative approaches to this list generation tool! Let me know your thoughts! 

Here is a diluted version of the patcher I'm working on:

seq.js

list from a to b in n steps.maxpat

Hi everybody! This is my first post here so please bear with me if I'm not yet super familiar with posting conventions on this forum. 
I'm t

floats-mysteriously-cast-to-integers-in-list-input-using-js-in-max

Here is an even simpler reproducible example: 

If I use a pack object to pack two float values into a list and send it through the first outlet of the js object, it collects the values and posts them to the Max console, however, somewhere along this process they are cast to integers. 

var A = 0.0;
var B = 0.0;

function list(v) {
//assign inlets with if statements
    if (inlet==0) A = arguments[0]
    if (inlet==0) B = arguments[1]
    post(A, B)
}

Hi, you need to set the type of elements of a [pack]. 
[pack f f] for 2 floats. 

Thank you so much! I knew I was missing something obvious! Works like a charm now!

Floats mysteriously cast to integers in list input using js in Max

Rica

Hi everybody!
I have a problem getting the freesound-search patch (part of the Node for Max package) running.
I installed the requested fork of the NPM package and did everything written in the readme (creating a .env with API key ) , though getting the 
following error message, when trying to install npm and then start it:

In the node.script monitor:
"Process could not be startet due to following error: 
Cannot find module 'freesound' at Function.Module_resolveFilename (module.js:547:15) 
at Object.Mode._Load (module.js:474:25) ... "
(-> any way to print/copy the node.script debug monitor stuff ??)

So does freesound module refer to the requested freesound.js file from https://github.com/Girlfriends/freesound.js ? 
I put it into the freesound example folder ; maybe I need to put it somewhere else ?

And in the max console appears this: 
print: NPM install started
node.script: NPM exited with  non-zero code "1" at C:/Program Files/Cycling '74/Max 8/resources/packages/Node For Max/examples/freesound
print: NPM install error
node.script: {
	"code" : "MODULE_NOT_FOUND"
}
node.script: Could not load the dotenv module. Please be sure to send the message 'script npm install' to the node.script object to download node modules
node.script: No value for key FREESOUND_CLIENT_KEY in .env file. Please make sure to create a file called .env with a Freesound API Client key.
node.script: No value for key FREESOUND_CLIENT_SECRET in .env file. Please make sure to create a file called .env with a Freesound API Client Secret.
node.script: Unable to launch process
}

 Thanks for any help !




Hi everybody!
I have a problem getting the freesound-search patch (part of the Node for Max package) running.
I installed the requested fork

node-for-max-freesound

I'm surprised to see that the examples have found its way to this location (C:/Program Files/Cycling '74/Max 8/resources/packages/Node For Max/examples/freesound)

You are in fact right, the freesound and other modules cannot not be found/loaded and therefore the script won't start or run as desired. A script npm install would fix this but due to the location on disk it fails as this required administrative privileges. 

I'm curious, how did you download these examples? The Node For Max package contains a patcher to help you with this. Search for "n4m.launcher" in the new Sidebar search and open that patcher. There should be a button labeled "More Examples" that opens another patcher, which allows you to download the examples automatically. They should be placed in your Max 8 Library folder (instead of placing them in the package itself) and the npm instructions etc should "just work" as now you won't encounter Permission Issues due to the location on disk.

I hope this makes sense? Let me know if u have further questions.

Ahoi Florian !
Thanks a lot for your help!

I downloaded the files directly from github and initially put them in my  Max 8 Package folder. 
I shifted the freesound folder to  C:/Program Files/Cycling '74/Max 8/resources/packages/Node For Max/examples/  to see, wether it would work then. It did not. 

Update: 
I deleted and reinstalled everything and now it works ! 
I had to install git ! 

"but due to the location on disk it fails as this required administrative privileges."
--> Actually it now works from every path, wether the freesound file is in documents/Max 8/Library or  documents/Max 8/Packes or C:/Program Files/Cycling '74/Max 8/resources/packages/Node For Max/examples/  

Yeah ! Cool ! Thanks !

Rica


I don't have anything constructive to add except that I'm excited it worked.

hello! i am 4 years late to the party but i am trying to download sounds using node.js and the freesound api. 
but the example patch  "freesound-search" doesnt seem to work. 
nothing happen if i enter a keyword.
I followed all the steps and entered my keys.
thanks.

Node for Max - freesound 

Ernest

Husserl3 contains >1500 lines of JavaScript, ~800 for the UI, and about ~700 for pattrstorage management. However much of it is data, and the actual functions are quite simple. The second on JavaScript, this one builds on the last with practical examples, and prepares for the next. All the tutorials in this series:

Designing a good LFO in gen~ Codebox:  https://cycling74.com/forums/gen~-codebox-tutorial-oscillators-part-one 

Resampling: when Average is Better: https://cycling74.com/forums/gen~-codebox-tutorial-oscillators-part-2

Wavetables and Wavesets: https://cycling74.com/forums/gen~-codebox-tutorial-oscillators-part-3 

Anti-Aliasing Oscillators: https://cycling74.com/forums/husserl-tutorial-series-part-4-anti-aliasing-oscillators 

Implementing Multiphony in Max: https://cycling74.com/forums/implementing-multiphony-in-max 

Envelope Followers, Limiters, and Compressors: https://cycling74.com/forums/husserl-tutorial-series-part-6-envelope-followers-limiting-and-compression 

Repeating ADSR Envelope in gen~: https://cycling74.com/forums/husserl-tutorials-part-7-repeating-adsr-envelope-in-gen~ 

JavaScript: the Oddest Programming Language: https://cycling74.com/forums/husserl-tutorial-series-javascript-part-one 

JavaScript for the UI, and JSUI: https://cycling74.com/forums/husserl-tutorial-9-javascript-for-the-ui-and-jsui

Programming pattrstorage with JavaScript: https://cycling74.com/forums/husserl-tutorial-series-programming-pattrstorage-with-javascript 

Applying gen to MIDI and real-world cases. https://cycling74.com/forums/husserl-tutorial-series-11-applying-gen-to-midi-and-real-world-cases 

Custom Voice Allocation. https://cycling74.com/forums/husserl-tutorial-series-12-custom-voice-allocation 

If you read the prior tutorial, you already know that JavaScript in Max is particularly suited to user-interface management, because it runs on a lower-priority thread than the audio or video. User interface functions can use a great deal of CPU. For example, Husserl needs over half of one core of a 4GHz  i7-6700K to maintain its several dozen panel indicators.  Also, JavaScript is needed in Max to zoom the window properly for presentation mode and standalone applications.   

There's a number of ways to do this, but I found it easiest to do in JavaScript. The below functions were added to the above script to switch display modes for the dynamics and LFO dial/bpm frequency controls in Husserl3: 


These functions simply toggle the 'hide on lock' attribute of the display objects when they are to be shown or hidden in the presentation. Putting it in JavaScript had the added benefit that MIDI input can call the same functions when MIDI changes their CC values: 

So the panel changes its display depending on the state of lfoSel() . When the displayed channel changes, or MIDI changes values, the JavaScript simply calls the same functions.  

I've tried a number of ways to resize patches over the years, and this actually requires JavaScript, because not all the functionality is otherwise available in Max. The problem is that the window zooms in and out from the center of the display, so after changing the zoom, one has to reposition the presentation so its top-left corner is at the top left of the resized window. Also, one wishes to shrink or enlarge the presentation window for the user. 

For this Husserl3 sends a 'scroll' message to JavaScript, which now performs all the resizing and rescrolling (previously the window was resized with commands to a thispatcher object, but as the scrolling needed to be done in JavaScript anyway, it's all now in JavaScript). 

To ascertain the size of the window, I found it overwhelmingly best to make an invisible comment in the presentation, whose top-left corner sets the width and height of the presentation window. 

This is vastly better than remeasuring the size of the window every time it changes size, because one only needs to move the comment. I named the comment 'corner,' and as this function is only called rarely, it just fetches the object reference to the 'corner' comment when it is called rather than caching it in an array:

function scroll(size) { 
	var loc = new Array(4);
	var locb = new Array(4);
	var p = this.patcher;
	p.message('zoomfactor', sized);
	p.wind.scrollto(0,0);
	loc  = p.wind.location; //left, top, right, bottom
	locb = p.getnamed('corner').getattr("presentation_rect");
	p.wind.location = [ loc[0], loc[1], 
		loc[0] +locb[0] *sized, loc[1] +locb[1] *sized ]; 
} 

Max has two built-in functions for interactive help, both available as fields in each object's inspector window. However, there are issues with both if not designing an M4L device. The 'hints' window cannot be displayed in a standalone application, and is purely under the control of Ableton Live. And the 'info' displayed when hovering over a device is not very controllable; its font and background color are not settable, and the info overlays other controls when one is trying to use them.   Fortunately, it's actually much easier to provide context sensitive help via JavaScript and the hover object, at the right of the below picture. the first outlet of the hover object passes straight into the JavaScript, as an argument to hover(), and the other three outlets reset the hover text when the user is no longer hovering over a UI element by setting the hover() argument to zero instead. 

This sends a hover message to the js object, which contains descriptions for all the objects in strings. As described in the last tutorial, the names of all the UI objects are already in this javascript object, in order to create object references to them in an array of scripting IDs. So the additional javascript to create the hover text is very simple:

First the hover function checks if the script IDs have been initialized, and if not calls iDinit(). The object reference to the text window where the help tips are displayed is at index 153 in the ID list, so again as described in the last tutorial, this script uses that index directly to write to the text box for the tips. (I should note that the help text adds one name to the global namespace, even though it contains 200 long text lines,  because it's all in one array. ) To find the text to display upon hovering over a UI element, the JavaScript invokes JavaScript's Array.indexOf() method on the scriptNames array to find the locate the control index. The text from that index of the helptext[] array is then set in the textedit window. It's much easier to create the help all in one document than in separate inspector windows, although in the future, the script could  copy the text into the info attribute of the display objects for an M4L hint window, if Ableton ever supports multicore instruments.

The encoding of matrixctrl values is a little bizarre. Thankfully the values issued when the object is banged are all stored in pattrstorage, so with outputmode set to 1, one can routepass them into javascript and put them in a buffer. If all the buttons are off, pattrstorage reports "0 0 0"; if the first three are on in the first column, pattrstorage reports "0 0 1 0 1 1 0 2 1." Thre's a triplet for each button that's on, and off buttons are skipped. A loop in JavaScript can easily make the latter example an array "[1, 1, 1]" for putting in a buffer via indirect indexing, shown in the example below.  

There's two matrixctrl objects in Husserl3, one for muting voices 1~8, and one for muting voices 8~16. The following JavaScript function combines them both in one buffer, which is read by the gen 'audio3channels' object to determine which channels to mute:

function matrix1(){
	var m = arrayfromargs(arguments); 
	var a = [0,0,0,0, 0,0,0,0];
	if(m[2] !=0 ) // if not all off
		for (i = 1; i < m.length; i +=3) a [m[i] ] =1; 
	layer.poke(2, 0, a);
}
function matrix2(){
	var m = arrayfromargs(arguments); 
	var a = [0,0,0,0, 0,0,0,0];
	if(m[2] !=0 ) // if not all off
		for (i = 1; i < m.length; i +=3) a [m[i] ] =1; 
	layer.poke(2, 8, a);
}

The functions are in the script for the multi pattrstorage object. 

Husserl2 used the function object for displaying velocities, but it was extremely inefficient. Husserl changes all the playing voice volumes when the velocity shaper breakpoint is changed, so it required two function objects, one for the display and control, and one to process all the playing voices upon a change. Husserl3 instead performs velocity shaping inside the gen object for voice allocation, in a simple two lines of code:

calcBreakpoint(vel, x, y){
	if (vel <= x) return vel * (y /x) *.007874;
	else return (y + (vel -y) /(127-x)) *.007874;
}

When the value changes, an uzi iterates through all active voices in the voice allocator and sends their new velocities to the appropriate voices in gen~.  The uzi input seemed best, because gen cannot create more than one value per input received, so otherwise the gen object would have needed an extra 32 outputs/ the uzi is in the voice allocator subpatch, in the upper middle right area. The draw() message to jsui is generated whenever the pictctrl object over it changes, from the control logic on this subpatch's right side.  

With Max function objects, I also was not happy with the tiny point necessary to click upon, and preferred the larger circle available in the pctctrl object. So a pictctrl object overlays a jsui object which draws the velocity shaping function with two lines. After initialization by a loadbang, the script is very simple:

inlets = 1;
outlets = 1;
function bang(){
	sketch.default2d();
	sketch.gldisable('blend');//turns off alpha processing
	clear();
	refresh();
}
function clear(){
	with (sketch) {
		// set the clear color
		glclearcolor(0.1, 0.1, 0.1, 1.000); 
		glclear(); // erase the background
		refresh();
		glend();
	}
}
function draw(x, y){
	with (sketch) {
		// set how the polygons are rendered
		clear();
		glcolor(0.7, 0.6, 0.2, 1.000);
		gllinewidth(1.5);
		if(x !=0){
			// move the drawing point
			moveto(-.915, -.915, 0.); 
			/// draw the first line segment
			lineto(fit(x), fit(y), 0.);
		} else{
			// move the drawing point						
			moveto(-.915, fit(y), 0.); 
		}
		if (x <127) 
			// draw the second line segment
			lineto(.915, .915, 0.);
		refresh();
		glend();		
	}
}
function fit(x){
	return (x >64) ? x *.015 -.99 : x *.015 -.9; 
}

I had to adjust the margins to display the line properly on boundary conditions, but otherwise it was exactly as anticipated. One quirkmm I found with the jsui object (and also for the chooser object) is that I could not send it messages directly from javascript using this.patcher.getnamed("scriptingName").message(); so I connected some pattr objects directly to their inputs and send messages to the pattr objects instead. 


 However, the JSUI object is very expensive on CPU, using 2% for almost half a second on every draw() operation.  So for the waveform graphs, which can update dynamically in this design, I stuck with the plot() object; but the velocity shapers only redraw on channel load and when the breakpoint is changed by program recall or by panel editing, and when the JSUI object is not drawing, it uses no CPU. So it was absolutely the best choice for the velocity shapers.  

 To display the current waveforms, envelope levels, LFO levels, etc, gen~ pokes the values from the most recently played voice for the currently displayed channel into a shared buffer~ on the falling edge of a 30Hz ramp. A metro sends bangs into the JavaScript at the same frequency for it to pick up and display the values via a bang() function. The nice thing about playing with buffers in javascript is that it supports reading an array of buffer values all in at once. The 'dat' buffer shares the data with gen~, from which the bang() function fetches 18 values: 

var dat = new Buffer("dat");
function bang(){
	var a = new Array();
	a = dat.peek(1, 1, 18);
	outlet(0, a[0] ); // current x
	outlet(1, a[1] ); // current y
	outlet(2, a[2] ); // current l1 level 
	outlet(3, a[3] ); // current l2 level
	outlet(4, a[4] ); // current l3 level
	outlet(5, a[5] ); // current e2 level
	outlet(6, a[6] ); // current e3 level
	outlet(7, a[7] ); // current sah 
	//...
	o1w = a[10];	//(see below)
	o2w = a[11];
	//....

Javascript reads all 18 of the singleton values simultaneously and sends each one to the appropriate display object via outlets or via thispatcher/getnamed().message() calls. 

Additionally, the poly~ object for the 16 channels sums the voice outputs for the 32 poly~ voice instances and sends the result to JavaScript for the current displayed channel. The same bang() function reads the values for all 16 channels from one array simultaneously again, and sends their values to a multislider:

function atodb(x){ 
	return 20 * Math.log(x) * Math.LOG10E; 
}

//... in bang() function: 
	var meter = dat.peek(1, 32, 16);
	// put into live.gain~ for channel level display
	outlet(15, meter[channel -1]); 
	// build array for multislider
	for (i = 0; i <16; i++){
		meter[i] = atodb(meter[i])+60;
	}
	// send to multislider
	outlet(12, meter);	

The multislider is not an audio object, and only updated at 30Hz, so the multichannel volume display does not consume much CPU. Eventually I'll update the atodb() function to precalculate the atodb values and store them in a lookup array, to offload some CPU from the rather overladen drawing functions. 

It takes a little message preparation to set up the plot() object. If I were doing this afresh, I would have sent the messages from javascript, but I had already created a subpatch to prepare the plot() objects. 

To fill the plot~ objects with oscillator and LFO waveforms, I ran into an old bug where the plot~ objects can only display from the first channel of a buffer~. So I split all the waves in my wavesets into 47 separate 128K single-channel files and load them into a polybuffer~, via the lower-left network below:


By setting the embed attribute on the polybuffer~ the waveform list is stored with the patch, so I only needed to run the uzi once. Then I access the waveforms from JavaScript depending on the chosen waveset by the chooser lists named o1set and o2set, which send w1set and w2set messages to the javascript of their current values:

//initialize in global namespace:
o1s, o1sx, o1wx, o2s, o2sx, o2wx = 0;

function w1set(x){
	o1s = x +1; 
	o1sx = 1; 
}
function w2set(x){
	o2s  = x +1; 
	o2sx = 1;
}

The bang() function described above then sends a message to the plot() objects:

if(o1sx!=0 || o1wx!=o1w){
	outlet(8, "refer", 
		"wavs." + o1s, 
		Math.max(o1w, 1.), 
		0, 
		wavelength
	);
	o1sx = 0;
	o1wx = o1w;
 }
if(o2sx!=0 || o2wx!=o2w){
	outlet(9, "refer", 
		"wavs." + o2s, 
		Math.max(o2w, 1.), 
		0, 
		wavelength
	);
	o2sx = 0;
	o2wx = o2w;
}

The 'o1w' and 'o2w' values are from the shared gen~ buffer described above for the indicators, so the waveform selection updates dynamically with any modulation. The values are checked against prior values, and the spinlocks zeroed in the global namespace, before sending a message to the plot~ object. Because the plot~ objects do not receive messages setting them to display a different part of the buffer unless the oscillator waveform is being modulated, their CPU load is usually low; and CPU usage is still lower than for JSUI or scope~ objects even if the waveform is actively being modulated. The most significant impact on performance is the number of pixels in the display. Doubling the window size from 75% to 150% increases Husserl's CPU load on my 4GHz i7-6700K by 4%,  which is, 24% of one core...perhaps the reason why Ableton likes to make things so small...

Drawing the filter curve was probably the most complex task to perform in all of Husserl3's design. When I started on this design in 2010, I predrew an array of filter curves for different LP/BP/HP mixes and different resonance settings. I drew 100 points for each curve using a function to calculate the output level of a filter at different frequencies (still in my SynthCore library) for 101 filter-type mixes and 100 resonance points. I put the results in 100 channels, each containing 101 curves. That made quite a large file, so when I built the 5D filter, which adds another two 100-point dimensions, it seemed best to modify the original filter curves rather than draw all of them. 

In JavaScript, a routine in bang() fetches the current five points after filter modulations from gen~ as described above, reads the 100 points of the appropriate  filter curve from the data buffer, adjusts its slope for filter type and  saturation, then writes the results to another 100-point buffer for a plot~ object to display.   

When the current channel is changed, the JavaScript updates all the panel controls from a buffer. This could be a simple task, but as I had already tried moved as many of the control parameter scaling factors out of gen into the main patch, I also had to reverse-scale everything from the shared buffer~ data for each channel back to the value ranges for the panel controls; and that involved bit-unpacking of some control values. So it turned into some very long Javascript, with additional quirks to update panel controls with multiple modes or combined graphical/textual display.  The patch uses the 'outputmode 1' of the pattrstorage objects to 'dirty' the preset if it has been changed, so it turns the outputmode off and on again, before and after the display update. 

function displayChan(chan){
  if (sinit == 0) iDinit();
  if(channel == chan) return;
  channel = chan;
  scriptIds[151].message("outputmode", 0); 
  scriptIds[152].message("outputmode", 0); 
  chanParams = programs.peek(chan, Multi, 160);
 // fetch and alter values from buffer for display
   chanParams[1]	*= 100;		      //whl
   chanParams[2]	= chanParams[135];    //e1a
   chanParams[3]	= chanParams[136];    //e1d
   chanParams[4]	= chanParams[4] *100; //e1s

//....

   chanParams[118]      *= 100; //l1w
   chanParams[119]      *= 100;	//l2w
   // chanParams 120~135 don't need scaling...
   // set all the panel objects at once:
    for (i = 1; i < 135; i++){
	scriptIds[i].message("set", chanParams[i] );
    }
   // wiggle cases:
   scriptIds[80].message(chanParams[144]); //l1f
   scriptIds[81].message(chanParams[145]); //l2f
   scriptIds[82].message(chanParams[146]); //l2f
   scriptIds[151].message("outputmode", 1); 
   scriptIds[152].message("outputmode", 1); 
}


An additional wrinkle of making a multiphonic display is that MIDI does not always update the display: it could be changing other channels not currently displayed. As explained in tutorial 5, I use set of panel controls and update them for the current channel, instead of making 16 panels with >200 display objects each, which also keeps the overall file size to <1.5MB instead of 30MB and makes loading the data much faster.

Tutorial 5 mentioned that 128-entry selector functions in gen scale the control parameters into the  128-value range of CC values. What I neglected to anticipate was that MIDI could ALSO update the display, requiring yet another long routine in javaScript, because the scaling of parameters for gen~, for MIDI, and for the display are all different. Fortunately JavaScript supports switch statements, and the ranges don't need to be clipped because the display objects clip out-of-range values automatically. So this last twiddle was much easier, and being mostly copy/paste, only took a day to write. It was one hell of a lot easier than trying to do the same thing with Max objects. Eventually before I add the 16 sequencer channels, I will update this function to use numeric indices, as that is more efficient than string parsing, but as I've met the performance goals for Husserl3, this is what it will look like, which is at least more human readable: 

The most difficult part was storing the 'layers' buffer, because it caused terrible race conditions, until I cached the object reference to a pattr object called [multins]. , then sent the pattr object messages before preset store and after preset recall. I have to say caching the object reference (performed by minit(), in the variable [multinsIsd]) was actually crucial to getting the design working, because I got long and otherwise inexplicable hangs after clicking the "recall" or "restore" buttons more than once within a few seconds. I didn't even think it was so important myself, lol, but thankfully Id been taught what to do. See tutorial 8 for a detailed explanation.  

And that concludes the UI portion of the JavaScript tutorial. Next week I hope to share on managing pattrstorage with JavaScript.  

Screenshot 2021-11-15 235358.jpg

Screenshot 2021-11-16 000747.jpg

Screenshot 2021-11-14 072334.jpg

Screenshot 2021-11-16 030544.jpg

Screenshot 2021-11-15 235642.jpg

Screenshot 2021-11-16 001449.jpg

Screenshot 2021-11-14 075721.jpg

Screenshot 2021-11-14 075959.jpg

Screenshot 2021-11-16 025949.jpg

Screenshot 2021-11-16 000339.jpg

Husserl3 contains >1500 lines of JavaScript, ~800 for the UI, and about ~700 for pattrstorage management. However much of it is data, and th

husserl-tutorial-9-javascript-for-the-ui-and-jsui

Husserl tutorial series (9). JavaScript for the UI, and JSUI

Brodie Matthews

Hey just going through some basics rn, wondering if its possible to use setTimeout in the jsui?

// iv got some basic code with x assigning arguments, id like to run a new function>>

function newcolor(){
setTimeout(setrect,1000, arguments[0] = random(), arguments[1] = random(), arguments[2] = random());

image.png

Hey just going through some basics rn, wondering if its possible to use setTimeout in the jsui?
// iv got some basic code with x assigning a

settimeout

check with JavaScript....setInterval vs setTimeout 

setTimeout?

Hii, just exploring node atm .Im trying to create an array with array from args in node but i receive an error 'array from args not defined'  im using the basics node example with anything.

Hii, just exploring node atm .Im trying to create an array with array from args in node but i receive an error 'array from args not defined'

array-from-args-in-node-js

Iv passed a list..can i use .splice like  "var array1 =  array 2.splice(1)"  ?

Do you mean like

maxAPI.addHandler("foo", (...L) => { ... something with list L ...})

Nick thanks!! I had to rewatch the workshop, Im still new to js in general.I have to unlearn the stadard js object methods...Thanks again for hosting, I hope there will be more in the future.

Thanks...! Yes, hoping to keep the Music Hackspace Max workshops going...

Array from args in node.js

raghunathan shetty

I'm a big fan of Autechre, whose uses this software to make their complex music. I have very limited experience with DAW's, (I'm a guitarist primarily) but I have always wanted to learn electronic music production. Would you recommend me starting with this software, or do you think it might be better for me to go a more "traditional" route?

_______________________________________________________________________________________________
 real estate marketing companies  

I'm a big fan of Autechre, whose uses this software to make their complex music. I have very limited experience with DAW's, (I'm a guitarist

should-i-start-my-electronic-music-journey-with-maxmsp

Hi Raghunathan, if you're into that kind of thing (as am I!), then Max + Ableton Live with Max-for-Live is an excellent way to go. I personally use Max for programming, Ableton for holding instruments and playing stuff, and Reaper for final mixing or more traditional recording. You will find a ton of great resources for what you are looking for in the Max and Max for Live communities.  I would highly recommend you get the following books though to get you off to a good start:

Interactive Composition: Strategies Using Ableton Live and Max for Live - by V.J Manzo
Electronic Music and Sound Design - Theory and Practice with Max 8 - Volume 1 - Cipriani and Giri
Step by Step: Adventures in Sequencing with Max/MSP  - Gregory Taylor
Mixing Secrets for the Small Studio  - Mike Senior  (excellent primer on DAW stuff in general)

I saw Autechre live in Vancouver maybe 15 years ago at the old Sonar club, fantastic show. :-)

Here's what was up on their last tour:  https://autechre.bleepstores.com/ 

They make occasional appearances on twitch.tv. If the stuff I heard in the last week or so isn't a Max patch, I'll eat my hat... definitely Jitter doing the graphics.

Should I start my electronic music journey with MAX/MSP?

tillfly

Hey,
i´m running a node.script which connects to a tcp server automatically after starting the max patch. 
somehow the connection crashes after one to two hours. ( i can not be personally thats why i dont know exactly )
the patch runs as a standalone. the computer on which it runs was licensed in development but doesnt have a license right now, which should make no difference I think.

now I would like to run this code with forever to restart the node script immediatelly after crashing or figure out some other logic to restart after crashing... 

how could I do this?

this is the node script:

// connection to max
const path = require('path');
const maxApi = require('max-api');

const net = require('net');

var socketClient;
var connected = false;
var chunk = "";
var delimiter = ';';

reconnect();

function reconnect()
{
    reconnectTimer = setInterval(function() 
    {
    /* Instance socket on create window */
    console.log('Try to connect');
    // maxApi.outlet('Try to connect');

    socketClient = net.connect({
       host: 'x.x.x.x',
       port: 8080
    }, () => {
       // 'connect' listener
       console.log('connected to server!');
        clearInterval(reconnectTimer);
       //maxApi.outlet('connected to server');
       //socketClient.write('world!\r\n');
       
       socketClient.write("bla1,1:bla2,1;");

    });

    socketClient.on('error', function (ex) 
    {
       console.log("sensor server error");
       console.log(ex);
    });

    // how to send data to max, test wich SocketTest 3.0v

    socketClient.on('data', (data) => {
    chunk += data.toString(); // Add string on the end of the variable 'chunk'
    //console.log(data.toString());
    d_index = chunk.indexOf(delimiter); // Find the delimiter

    // While loop to keep going until no delimiter can be found
    while (d_index > -1) {         
        try {
            string = chunk.substring(0,d_index); // Create string up until the delimiter
            console.log(string);
            //case AIN-0,value;

            //console.log(string);
            process(string); // Function that does something with the current chunk of valid json.        
        }
        catch(e)
        {
          console.log(e);
        }
        chunk = chunk.substring(d_index+1); // Cuts off the processed chunk
        d_index = chunk.indexOf(delimiter); // Find the new delimiter
    }      
        //console.log('Hello ' + person.prenom + "!");

    });

    });
}

  function process(string) {

               //console.log(obj.sensor_data.value);
               // value: 0 muss weiter an max
               // console.log(data.sensor_data.value);

                // to max msp
                string = string.substring(string.indexOf(',')+1);
                var data = parseInt(string, 10);
               maxApi.outlet(data);
           
    // body...
  }

   socketClient.on('end', () => {
       console.log('disconnected from server');
       // CRASH FLAG HERE TO RESTART via "script start" to node.script object in Max?
   }); 



Hey,
i´m running a node.script which connects to a tcp server automatically after starting the max patch. 
somehow the connection crashes af

running-node-js-with-forever-to-avoid-crashing-server

running node.js with forever to avoid crashing server

daveronan

I want to specify the directory where my json gets saved to, but it keeps saving the file in the application directory. I want it to save it in a folder below where the patch is saved. Below is the code I'm currently using. Can anyone help

f = new File("DrumClipData.json", "write", "TEXT");

	if (f.isopen) {
		post("writing string to file: " + f.filename + "in: " + f.foldername + "\n");
		f.writestring(JSON.stringify({data: retClips})); //writes a string
		f.close();
	} 
	else {
		post("could not create file: " + f.filename + "in: " + f.foldername + "\n");
	}

Hi Max community,
I want to specify the directory where my json gets saved to, but it keeps saving the file in the application directory. I 

can't-set-where-my-json-file-gets-written-to

Also, I'd like to add I've tried putting a path before the filename and that doesn't seem to work.


Figured it out. Needed to pass the path correctly using the outlet of the thispatcher object.

Just in case someone else is looking for something a bit more basic, you can just reference the full path as a variable.


var memstr;
var mem = new Object();
var UI = new Object();
var p = "/Users/username/Folder Number 1/writeToJson.json";

Cycling '74 Forums

Yes thanks so much Rob! Had to mess with it a bit, but getting all image sizes now! const path = require('path'); const Max = ...

That's great - thank you Tyler! I hope the max dict suite will eventually handle hierarchical JSON better, but this will do the trick for ...

Thank you so much! I knew I was missing something obvious! Works like a charm now!

hello! i am 4 years late to the party but i am trying to download sounds using node.js and the freesound api.

Husserl3 contains >1500 lines of JavaScript, ~800 for the UI, and about ~700 for pattrstorage management.

i was told task is used in js.

Thanks...! Yes, hoping to keep the Music Hackspace Max workshops going...

Here's what was up on their last tour: https://autechre.bleepstores.com/ They make occasional appearances on twitch.tv.

scope problem ...

Just in case someone else is looking for something a bit more basic, you can just reference the full path as a variable. var memstr; var ...