//ibex.log.warn("rotate " + rot);
} }
+<!--
<ui:box fill="blue" align="center">
<ui:box fill="orange" align="center" shrink="true" id="oran">
<ui:box path="M0,0 L0,8 L8,8 z" fill="black" transform="rotate(315)" stroke="black"/>
</ui:box>
</ui:box>
+-->
<ui:box fill="gray" colspan="2" minwidth="100" minheight="100" id="top">
<ui:box fill="black" strokecolor="white"
path="M54.779,81.835c0.847-40.317,56.096-73.716,90.263-80.415
95.509,258.881,86.031,254.879,72.529z"/>
</ui:box>
//ibex.log.error($yermom.path);
+<!--
<ui:box fill="green" rowspan="2" minwidth="100" id="foo"/>
<ui:box fill="red" minwidth="50" minheight="100" />
<ui:box fill="pink" cols="5" height="100">
</ui:box>
</ui:box>
+-->
</ui:box>
</ibex>
<ibex xmlns:ui="ibex://ui">
- <ui:box width="300" height="300" fill="red" axis="z">
+ <ui:box width="450" height="450" fill="red" axis="z">
ibex.ui.frame = thisbox;
- <ui:box fill="blue" width="50" height="50" x="100" y="100" id="blue" axis="z"/>
+
+ <ui:box fill="blue" id="blue" shrink="true" axis="y">
+ <ui:box shrink="true" axis="x" fill="white">
+ <ui:box fill="green" width="25" height="25" id="green"/>
+ <ui:box fill="white" id="white" shrink="true" stroke="black">
+ <ui:box fill="black" stroke="black" text="hello"/>
+ </ui:box>
+ <ui:box fill="purple" height="25" width="25" id="purple"/>
+ </ui:box>
+ <ui:box shrink="true" axis="x" fill="gray">
+ <ui:box fill="green" width="25" height="25" id="greenx"/>
+ <ui:box fill="white" id="whitex" shrink="true" stroke="black"/>
+ <ui:box fill="purple" height="25" width="25" id="purplex"/>
+ </ui:box>
+ </ui:box>
// this thread makes things spin.
var rot = 0;
ibex.thread = function(f) { while(true) {
ibex.thread.sleep(100);
$blue.transform = "rotate(" + rot + ")";
- $blue.x = 100;
- $blue.y = 100;
+ $blue.x = 200;
+ $blue.y = 200;
+
+ $green.transform = "rotate(" + (rot) + ")";
+ //$white.transform = "rotate(" + (2 * rot) + ")";
+ $purple.transform = "rotate(" + (3 * rot) + ")";
+ $greenx.transform = "rotate(" + (-1 * rot) + ")";
+ //$whitex.transform = "rotate(" + (-2 * rot) + ")";
+ $purplex.transform = "rotate(" + (-3 * rot) + ")";
+
rot += 5;
} }
- </ui:box>
+ </ui:box>
</ibex>