<script type="module" >
import zim from "https://zimjs.org/cdn/019/zim";
new Frame(FIT, 720, 1280, clear, black, ready);
function ready(evt) {
var F2 = new Frame({
scaling: FIT,
width: F.width * 0.7,
height: F.height,
color: red,
outerColor: null,
ready: ready2,
canvasID: "menuCanvas"
});
function ready2(F2, S2) {
var appBtn = new zim.Button({
width: 500,
height: 100,
label: "submit",
backgroundColor: black.toAlpha(0.2),
rollBackgroundColor: green,
downBackgroundColor: red,
color: white
});
appBtn.pos(0, 10, CENTER, BOTTOM, S2);
timeout(2, function () {
F2.dispose();
});
}
}
</script>
dispose second frame have some problem
<script type="module" >
import zim from "https://zimjs.org/cdn/019/zim";
new Frame(FIT, 720, 1280, clear, black, ready);
function ready(evt) {
var F2 = new Frame({
scaling: FIT,
width: F.width * 0.7,
height: F.height,
color: red,
outerColor: null,
ready: ready2,
canvasID: "menuCanvas"
});
function ready2(F2, S2) {
var appBtn = new zim.Button({
width: 500,
height: 100,
label: "submit",
backgroundColor: black.toAlpha(0.2),
rollBackgroundColor: green,
downBackgroundColor: red,
color: white
});
appBtn.pos(0, 10, CENTER, BOTTOM, S2);
const pages = [new Rectangle(200,300),new Circle(100,red),new Triangle({a:200, color:"green", adjust:30})];
const carousel = new zim.Carousel3D({width:500, height:500, items:pages,vertical:true,sensitivity:0.8,widthFactor:10,heightFactor:.50,})
.center(S2)
timeout(2, function () {
F2.dispose();
});
}
}
</script>
