Multiple effects, blending, control pars, Scrollingtext and a lot more

general:
- add rowNr in initVars (WIP)
- valueFun don't need rowNr checks (done by initVarAndUpdate)

app.js: preview3D: mirror y and z as

index.js:
- add check for empty control vars: do not show
- add max for Coord3D

AppEffects
- palette in value array, remove chFun
- add getPalette function
- add leds parameter to controls
- add rowNr to control initVars
- remove return function from controls
- move getValues out of loop fors (performance)
- add ScrollingText2D
- setEffect: postinit detection and nullify unused control values (WIP)

AppFixture: projectAndMap
- use start/endPosAdjusted
- fixturedimension replaced by effect dimension (WIP!!!)
- temp disable scaling
- add extra empty mappings so vsize = x*y

AppLeds
- add font definition.h files
- add rowNr in Leds
- add blendAmount in sPC (default 0, WIP)
- fadeToBlackBy etc: use mappingTable to change ledsP
- add drawCharacter and drawText

AppModFixtureGen
- add hexagon2D

AppModLeds: fxStart and End have max values

SysJsonRDWS: bugfix print null if value is null !!! (for model vars with value null

SysModModel: add Coord3D minimum

SysModUI:
- initVar: make order only negative if parent is negative (so vars added later, e.g. controls, will be autochecked)
- initVarAndUpdate: value also needs update if value[rowNr] isNull. add rowNr to setValue

SysModWeb: prepare for valueFun

E131: use valueFun (WIP)

data/app.js

@@ -92,6 +92,8 @@ let intersect = null;
 let mousePointer = null;
 
 //https://stackoverflow.com/questions/8426822/rotate-camera-in-three-js-with-mouse
+
+//inspiration: https://discoverthreejs.com/book/first-steps/transformations/
 function preview3D(canvasNode, buffer) {
   //3D vars
   import ('three').then((THREE) => {
@@ -225,7 +227,7 @@ function preview3D(canvasNode, buffer) {
                 const material = new THREE.MeshBasicMaterial({transparent: true, opacity: 0.7});
                 // material.color = new THREE.Color(`${x/mW}`, `${y/mH}`, `${z/mD}`);
                 const sphere = new THREE.Mesh( geometry, material );
-                sphere.position.set(offset_x + d*led[0]/factor, offset_y + d*led[1]/factor, offset_z + d*led[2]/factor);
+                sphere.position.set(offset_x + d*led[0]/factor, -offset_y - d*led[1]/factor, - offset_z - d*led[2]/factor);
                 sphere.name = outputsIndex + " - " + ledsIndex++;
                 scene.add( sphere );
               }