1 <ibex xmlns:ui="ibex://ui">
2 <ui:box width="450" height="450" fill="red" axis="z">
3 ibex.ui.frame = thisbox;
6 <ui:box fill="blue" id="blue" shrink="true" axis="y">
7 <ui:box shrink="true" axis="x" fill="white">
8 <ui:box fill="green" width="25" height="25" id="green"/>
9 <ui:box fill="white" id="white" shrink="true" stroke="black">
10 <ui:box fill="black" stroke="black" text="hello"/>
12 <ui:box fill="purple" height="25" width="25" id="purple"/>
14 <ui:box shrink="true" axis="x" fill="gray">
15 <ui:box fill="green" width="25" height="25" id="greenx"/>
16 <ui:box fill="white" id="whitex" shrink="true" stroke="black"/>
17 <ui:box fill="purple" height="25" width="25" id="purplex"/>
21 // this thread makes things spin.
23 ibex.thread = function(f) { while(true) {
24 ibex.thread.sleep(100);
25 $blue.transform = "rotate(" + rot + ")";
29 $green.transform = "rotate(" + (rot) + ")";
30 //$white.transform = "rotate(" + (2 * rot) + ")";
31 $purple.transform = "rotate(" + (3 * rot) + ")";
32 $greenx.transform = "rotate(" + (-1 * rot) + ")";
33 //$whitex.transform = "rotate(" + (-2 * rot) + ")";
34 $purplex.transform = "rotate(" + (-3 * rot) + ")";