first layout organisation to control rendering of elements

preparing a tree layout with
- upper layer as a black alpha rectangle fullscreen to manage global
loghting of the screen
- middle layers are subtrees composing the different pages, with several
layers of elements (numpad...)
- lower layer is background with touch monitoring

added slide capability to the background layer, for instance to switch
between different pages

extra/group-buttons.pd

@@ -1,8 +1,7 @@
-#N canvas 900 182 962 407 10;
+#N canvas 896 180 962 407 10;
 #X obj 56 39 route 0 1;
 #X obj 338 205 print;
 #X obj 86 124 until;
-#X obj 132 148 + 1;
 #X obj 86 149 float;
 #X obj 86 103 t f b;
 #X msg 128 123 0;
@@ -36,51 +35,58 @@
 #X obj 560 39 r /ds/UI/recall;
 #X obj 560 61 t b b;
 #X obj 560 81 delay 100;
-#X obj 493 138 spigot 1;
 #X msg 593 104 0;
 #X msg 560 104 1;
 #X obj 582 143 tgl 15 0 empty empty empty 17 7 0 10 -262144 -1 -1 0
 1;
-#X connect 0 1 10 0;
-#X connect 2 0 4 0;
-#X connect 3 0 4 1;
-#X connect 4 0 3 0;
-#X connect 4 0 12 0;
-#X connect 5 0 2 0;
-#X connect 5 1 6 0;
-#X connect 6 0 4 1;
-#X connect 7 0 0 0;
-#X connect 8 0 9 1;
-#X connect 8 0 17 0;
-#X connect 9 1 33 0;
-#X connect 10 0 11 0;
-#X connect 10 1 8 0;
-#X connect 11 0 5 0;
-#X connect 12 0 9 0;
-#X connect 17 0 19 0;
-#X connect 19 0 18 0;
-#X connect 20 0 37 0;
-#X connect 21 0 23 0;
-#X connect 22 0 23 1;
-#X connect 23 0 22 0;
-#X connect 23 0 27 0;
-#X connect 24 0 21 0;
-#X connect 24 1 25 0;
-#X connect 25 0 23 1;
-#X connect 26 0 24 0;
-#X connect 27 0 28 0;
-#X connect 28 1 29 0;
-#X connect 29 0 32 0;
-#X connect 30 0 26 0;
-#X connect 30 1 31 0;
-#X connect 30 2 29 1;
-#X connect 31 0 28 1;
+#X obj 493 269 t f f;
+#X obj 132 148 + 1;
+#X obj 86 171 t f f;
+#X obj 493 138 spigot 0;
+#X obj 687 39 loadbang;
+#X connect 0 1 9 0;
+#X connect 2 0 3 0;
+#X connect 3 0 41 0;
+#X connect 4 0 2 0;
+#X connect 4 1 5 0;
+#X connect 5 0 3 1;
+#X connect 6 0 0 0;
+#X connect 7 0 8 1;
+#X connect 7 0 16 0;
+#X connect 8 1 32 0;
+#X connect 9 0 10 0;
+#X connect 9 1 7 0;
+#X connect 10 0 4 0;
+#X connect 11 0 8 0;
+#X connect 16 0 18 0;
+#X connect 18 0 17 0;
+#X connect 19 0 42 0;
+#X connect 20 0 22 0;
+#X connect 21 0 22 1;
+#X connect 22 0 39 0;
+#X connect 23 0 20 0;
+#X connect 23 1 24 0;
+#X connect 24 0 22 1;
+#X connect 25 0 23 0;
+#X connect 26 0 27 0;
+#X connect 27 1 28 0;
+#X connect 28 0 31 0;
+#X connect 29 0 25 0;
+#X connect 29 1 30 0;
+#X connect 29 2 28 1;
+#X connect 30 0 27 1;
+#X connect 33 0 34 0;
 #X connect 34 0 35 0;
-#X connect 35 0 36 0;
-#X connect 35 1 38 0;
-#X connect 36 0 39 0;
-#X connect 37 0 30 0;
-#X connect 38 0 37 1;
-#X connect 38 0 40 0;
-#X connect 39 0 37 1;
-#X connect 39 0 40 0;
+#X connect 34 1 36 0;
+#X connect 35 0 37 0;
+#X connect 36 0 38 0;
+#X connect 36 0 42 1;
+#X connect 37 0 38 0;
+#X connect 37 0 42 1;
+#X connect 39 0 26 0;
+#X connect 39 1 21 0;
+#X connect 40 0 3 1;
+#X connect 41 0 11 0;
+#X connect 41 1 40 0;
+#X connect 42 0 29 0;
+#X connect 43 0 35 0;

interface.pd

@@ -1,4 +1,4 @@
-#N canvas 1146 554 727 449 10;
+#N canvas 1111 330 727 637 10;
 #X declare -lib pof -path kpof;
 #X obj 56 12 declare -lib pof -path kpof;
 #X obj 56 36 kollabs/ds_logic UI;
@@ -8,14 +8,15 @@
 #X obj 466 163 kpoffilm;
 #X symbolatom 226 347 10 0 0 0 - - -, f 10;
 #X msg 224 370 \; /kpof/button1/text \$1;
-#N canvas 1 52 848 507 numpad 1;
-#N canvas 810 560 936 410 numpad-logic 1;
-#X obj 255 42 extra/group-buttons np1 numpad;
+#N canvas 892 447 865 570 numpad 1;
+#N canvas 808 559 936 410 numpad-logic 0;
 #X obj 334 257 r /numpad/selected;
 #X obj 275 331 text define -k numpad;
 #A set np1 \; np2 \; np3 \; np4 \; np5 \; np6 \; np7 \; np8 \; np9
 \; blackout \;;
 #X symbolatom 334 279 10 0 0 0 - - -, f 10;
+#X obj 475 102 extra/group-buttons blackout numpad;
+#X obj 255 42 extra/group-buttons np1 numpad;
 #X obj 475 42 extra/group-buttons np2 numpad;
 #X obj 695 42 extra/group-buttons np3 numpad;
 #X obj 255 62 extra/group-buttons np4 numpad;
@@ -24,60 +25,104 @@
 #X obj 255 82 extra/group-buttons np7 numpad;
 #X obj 475 82 extra/group-buttons np8 numpad;
 #X obj 695 82 extra/group-buttons np9 numpad;
-#X obj 475 102 extra/group-buttons blackout numpad;
-#X connect 1 0 3 0;
-#X restore 716 317 pd numpad-logic;
-#X obj 55 64 pofscale;
-#X obj 55 8 pofhead;
-#X obj 55 30 poftranslate;
-#X floatatom 164 31 5 0 0 0 - - -, f 5;
-#X obj 54 86 t a a;
-#X obj 88 133 pofrect 350 350;
-#X obj 88 111 pofcolor 0.1 0.1 0.1 1;
-#X obj 484 180 kpofUIbutton np3 UI;
-#X obj 44 180 kpofUIbutton np1 UI;
-#X obj 264 180 kpofUIbutton np2 UI;
-#X obj 44 236 kpofUIbutton np4 UI;
-#X obj 264 236 kpofUIbutton np5 UI;
-#X obj 484 236 kpofUIbutton np6 UI;
-#X obj 44 293 kpofUIbutton np7 UI;
-#X obj 264 293 kpofUIbutton np8 UI;
-#X obj 484 293 kpofUIbutton np9 UI;
-#X obj 264 363 kpofUIbutton blackout UI;
-#X obj 484 363 kpofUIbutton next-sc UI;
-#X obj 44 363 kpofUIbutton prev-sc UI;
+#X connect 0 0 2 0;
+#X restore 285 51 pd numpad-logic;
+#X obj 54 186 t a a;
+#X obj 88 233 pofrect 350 350;
+#X obj 88 211 pofcolor 0.1 0.1 0.1 1;
+#X obj 55 8 inlet;
+#X obj 484 280 kpofUIbutton np3 UI;
+#X obj 44 463 kpofUIbutton prev-sc UI;
+#X obj 44 280 kpofUIbutton np1 UI;
+#X obj 264 280 kpofUIbutton np2 UI;
+#X obj 44 336 kpofUIbutton np4 UI;
+#X obj 264 336 kpofUIbutton np5 UI;
+#X obj 484 336 kpofUIbutton np6 UI;
+#X obj 44 393 kpofUIbutton np7 UI;
+#X obj 264 393 kpofUIbutton np8 UI;
+#X obj 484 393 kpofUIbutton np9 UI;
+#X obj 264 463 kpofUIbutton blackout UI;
+#X obj 484 463 kpofUIbutton next-sc UI;
+#X obj 55 30 kpoftransform np-transf UI;
 #X connect 1 0 5 0;
-#X connect 2 0 3 0;
-#X connect 3 0 1 0;
-#X connect 4 0 1 1;
-#X connect 4 0 1 2;
-#X connect 5 0 8 0;
-#X connect 5 0 9 0;
-#X connect 5 0 10 0;
-#X connect 5 0 11 0;
-#X connect 5 0 12 0;
-#X connect 5 0 13 0;
-#X connect 5 0 14 0;
-#X connect 5 0 15 0;
-#X connect 5 0 16 0;
-#X connect 5 0 17 0;
-#X connect 5 0 18 0;
-#X connect 5 0 19 0;
-#X connect 5 1 7 0;
-#X connect 7 0 6 0;
-#X restore 69 209 pd numpad;
-#X obj 457 344 pofhead;
-#X obj 457 366 poftranslate 0 0 1;
-#X obj 457 410 pofrect 800 480;
-#X obj 120 274 kpofUIbutton button1 UI;
-#X obj 457 388 pofcolor 0 0 0 0.5;
-#X floatatom 604 370 5 0 0 0 - - -, f 5;
-#X obj 602 312 vsl 12 50 0 1 0 0 empty empty empty 0 -9 0 10 -262144
+#X connect 1 0 6 0;
+#X connect 1 0 7 0;
+#X connect 1 0 8 0;
+#X connect 1 0 9 0;
+#X connect 1 0 10 0;
+#X connect 1 0 11 0;
+#X connect 1 0 12 0;
+#X connect 1 0 13 0;
+#X connect 1 0 14 0;
+#X connect 1 0 15 0;
+#X connect 1 0 16 0;
+#X connect 1 1 3 0;
+#X connect 3 0 2 0;
+#X connect 4 0 17 0;
+#X connect 17 0 1 0;
+#X restore 288 305 pd numpad;
+#X msg 463 73 \; /ds/UI/loadfile ../interface.presets;
+#X obj 182 192 pofhead;
+#X msg 411 270 dont_capture 1;
+#X obj 382 308 poftouch 800 480;
+#X obj 182 214 t a a a a a a a a a a;
+#N canvas 1 52 450 300 lightmask 0;
+#X obj 46 195 pofrect 800 480;
+#X obj 46 173 pofcolor 0 0 0 0.5;
+#X floatatom 263 115 5 0 0 0 - - -, f 5;
+#X obj 261 57 vsl 12 50 0 1 0 0 empty empty empty 0 -9 0 10 -262144
+-1 -1 0 1;
+#X obj 46 151 poftranslate 0 0 2;
+#X obj 46 129 inlet;
+#X obj 106 123 hsl 75 10 0 1 0 0 empty empty empty -2 -8 0 10 -262144
 -1 -1 0 1;
-#X obj 340 274 kpofUIbutton button2 UI;
+#X connect 1 0 0 0;
+#X connect 2 0 1 4;
+#X connect 3 0 1 4;
+#X connect 4 0 1 0;
+#X connect 5 0 4 0;
+#X connect 6 0 1 4;
+#X coords 0 -1 1 1 86 35 1 100 100;
+#X restore 125 257 pd lightmask;
+#X obj 500 334 route up down;
+#X obj 500 356 unpack f f f;
+#X obj 544 376 unpack f f f;
+#X obj 500 398 -;
+#X obj 404 501 tgl 15 0 empty empty empty 17 7 0 10 -262144 -1 -1 1
+1;
+#X floatatom 539 402 5 0 0 0 - - -, f 5;
+#X obj 500 420 t f f;
+#X obj 500 504 moses 0;
+#X obj 580 437 abs;
+#X obj 503 528 bng 15 250 50 0 empty empty empty 17 7 0 10 -262144
+-1 -1;
+#X obj 549 526 bng 15 250 50 0 empty empty empty 17 7 0 10 -262144
+-1 -1;
+#X obj 500 480 spigot;
+#X text 559 420 if slide enough;
+#X obj 545 550 s R-slide;
+#X obj 499 570 s L-slide;
+#X obj 580 460 > 100;
 #X connect 6 0 7 0;
-#X connect 9 0 10 0;
 #X connect 10 0 13 0;
-#X connect 13 0 11 0;
-#X connect 14 0 13 4;
-#X connect 15 0 13 4;
+#X connect 11 0 12 0;
+#X connect 12 1 15 0;
+#X connect 13 0 14 0;
+#X connect 13 8 8 0;
+#X connect 13 9 12 0;
+#X connect 15 0 16 0;
+#X connect 15 1 17 0;
+#X connect 16 0 18 0;
+#X connect 17 0 18 1;
+#X connect 18 0 20 0;
+#X connect 18 0 21 0;
+#X connect 21 0 26 0;
+#X connect 21 1 23 0;
+#X connect 22 0 24 0;
+#X connect 22 0 29 0;
+#X connect 22 1 25 0;
+#X connect 22 1 28 0;
+#X connect 23 0 30 0;
+#X connect 26 0 22 0;
+#X connect 30 0 19 0;
+#X connect 30 0 26 1;

interface.presets

@@ -17,34 +17,14 @@
 # SETTINGS
 # TABLES
 # DATA
-/kpof/button2/color/off 0.3 0.3 0.3 1
-/kpof/button2/translate/Z 0
-/kpof/button2/translate/Y 0
-/kpof/button2/translate/X 0
-/kpof/button2/text button2
-/kpof/button2/text/size 25
-/kpof/button2/color/border 0.5 0.5 0.5 1
-/kpof/button2/color/text 1 1 1 1
-/kpof/button2/color/on 0 0.4 0.6 1
-/kpof/button2/mode 0
-/kpof/button2/size/ratio 1.25
-/kpof/button2/size 1
-/kpof/button2/rotate 0
-/kpof/button2/state 1
-/kpof/prev-sc/color/off 0.3 0.3 0.3 1
-/kpof/prev-sc/translate/Z 0
-/kpof/prev-sc/translate/Y 150
-/kpof/prev-sc/translate/X -110
-/kpof/prev-sc/text <
-/kpof/prev-sc/text/size 25
-/kpof/prev-sc/color/border 0.5 0.5 0.5 1
-/kpof/prev-sc/color/text 1 1 1 1
-/kpof/prev-sc/color/on 0 0.4 0.6 1
-/kpof/prev-sc/mode 1
-/kpof/prev-sc/size/ratio 1.25
-/kpof/prev-sc/size 1
-/kpof/prev-sc/rotate 0
-/kpof/prev-sc/state 1
+/kpof/np-transf/scale/link 1
+/kpof/np-transf/scale/Y 1.16
+/kpof/np-transf/scale/X 1.16
+/kpof/np-transf/translate/Z 0
+/kpof/np-transf/translate/Y -10
+/kpof/np-transf/translate/X -185
+/kpof/np-transf/rotate 0
+/kpof/np-transf/state 1
 /kpof/next-sc/color/off 0.3 0.3 0.3 1
 /kpof/next-sc/translate/Z 0
 /kpof/next-sc/translate/Y 150
@@ -185,6 +165,20 @@
 /kpof/np1/size 1
 /kpof/np1/rotate 0
 /kpof/np1/state 1
+/kpof/prev-sc/color/off 0.3 0.3 0.3 1
+/kpof/prev-sc/translate/Z 0
+/kpof/prev-sc/translate/Y 150
+/kpof/prev-sc/translate/X -110
+/kpof/prev-sc/text <
+/kpof/prev-sc/text/size 25
+/kpof/prev-sc/color/border 0.5 0.5 0.5 1
+/kpof/prev-sc/color/text 1 1 1 1
+/kpof/prev-sc/color/on 0 0.4 0.6 1
+/kpof/prev-sc/mode 1
+/kpof/prev-sc/size/ratio 1.25
+/kpof/prev-sc/size 1
+/kpof/prev-sc/rotate 0
+/kpof/prev-sc/state 1
 /kpof/np3/color/off 0.3 0.3 0.3 1
 /kpof/np3/translate/Z 0
 /kpof/np3/translate/Y -135
@@ -199,18 +193,13 @@
 /kpof/np3/size 1
 /kpof/np3/rotate 0
 /kpof/np3/state 1
-/kpof/button1/color/off 0.3 0.3 0.3 1
+/kpofwin/background/B 0
+/kpofwin/background/G 0
+/kpofwin/background/R 0
+/kpofwin/position/y 100
+/kpofwin/position/x 100
+/kpofwin/cursor 1
+/kpofwin/framerate 25
+/kpofwin/normalizedtexcoords 1
 /kpofwin/window/y 480
-/kpof/button1/translate/Z 0
-/kpof/button1/translate/Y 0
-/kpof/button1/translate/X 0
-/kpof/button1/text button1
-/kpof/button1/text/size 25
-/kpof/button1/color/border 0.5 0.5 0.5 1
-/kpof/button1/color/text 1 1 1 1
-/kpof/button1/color/on 0 0.4 0.6 1
-/kpof/button1/mode 0
-/kpof/button1/size/ratio 1.25
-/kpof/button1/size 1
-/kpof/button1/rotate 0
-/kpof/button1/state 1
+/kpofwin/window/x 800

kpof

@@ -1 +1 @@
-Subproject commit 472df688f11c66c6a3245fd01bf060eaf7f65973
+Subproject commit a97702f03f6c46d063ccda90c887b55275ba926f