{
  "formatVersion": 2,
  "type": "game-ui",
  "name": "bab4",
  "bgImage": "",
  "customCode": "",
  "blocklyFunctions": {},
  "customBlocks": [],
  "elements": [
    {
      "id": "el_1",
      "templateId": "video",
      "type": "video",
      "name": "Video",
      "x": 0,
      "y": 0,
      "w": 100,
      "h": 100,
      "anchor": "top-left",
      "content": "",
      "src": "./projects/bab4/bab4.0-2.mp4",
      "iconClass": "",
      "fontFamily": "'Rajdhani',sans-serif",
      "fontSize": 1,
      "fontWeight": "400",
      "color": "#ffffff",
      "background": "rgba(0,0,0,0.4)",
      "borderRadius": "8px",
      "padding": "0",
      "border": "none",
      "opacity": 1,
      "textAlign": "center",
      "textShadow": "",
      "boxShadow": "",
      "letterSpacing": "",
      "lineHeight": "",
      "textTransform": "",
      "backdropFilter": "",
      "objectFit": "contain",
      "aspectRatio": "",
      "minWidth": "",
      "minHeight": "",
      "cursor": "",
      "display": "",
      "justifyContent": "",
      "alignItems": "",
      "borderTop": "",
      "videoFit": "cover",
      "playMode": "auto",
      "loopMode": "loop",
      "loopCount": 1,
      "muted": true,
      "controls": false,
      "volume": 1,
      "videoPoster": "",
      "binding": "",
      "onClick": "",
      "barValue": 0,
      "barColor": "#00e5a0",
      "barBgColor": "rgba(255,255,255,0.08)",
      "barHeight": "12px",
      "showLabel": false,
      "labelText": "",
      "zIndex": 10,
      "locked": false,
      "visible": true,
      "disabled": false,
      "parentId": null,
      "events": {
        "click": [],
        "hover": [],
        "mousedown": [],
        "mouseup": [],
        "dblclick": [],
        "clickMode": "parallel",
        "hoverMode": "parallel",
        "mousedownMode": "parallel",
        "mouseupMode": "parallel",
        "dblclickMode": "parallel"
      },
      "hoverBackground": "",
      "hoverColor": "",
      "hoverScale": "",
      "hoverSrc": "",
      "hoverBoxShadow": "",
      "activeBackground": "",
      "activeColor": "",
      "activeScale": "",
      "activeSrc": "",
      "activeBoxShadow": "",
      "bgSize": "",
      "bgPosition": "",
      "bgRepeat": "",
      "responsive": false,
      "overrides": {
        "tablet": {},
        "phone": {},
        "phone-land": {}
      },
      "showOn": [],
      "controlMode": "none",
      "controlBg": "",
      "controlColor": "",
      "controlKnob": "",
      "customCSS": "",
      "animateClass": "",
      "animateDelay": "",
      "animateDuration": "",
      "animateRepeat": ""
    },
    {
      "id": "el_4",
      "templateId": "image",
      "type": "image",
      "name": "Image",
      "x": 75,
      "y": 43,
      "w": 38,
      "h": 35,
      "anchor": "center",
      "content": "",
      "src": "./projects/bab4/info.png",
      "iconClass": "",
      "fontFamily": "'Rajdhani',sans-serif",
      "fontSize": 1,
      "fontWeight": "400",
      "color": "#ffffff",
      "background": "transparent",
      "borderRadius": "0",
      "padding": "0",
      "border": "none",
      "opacity": 1,
      "textAlign": "center",
      "textShadow": "",
      "boxShadow": "",
      "letterSpacing": "",
      "lineHeight": "",
      "textTransform": "",
      "backdropFilter": "",
      "objectFit": "contain",
      "aspectRatio": "",
      "minWidth": "",
      "minHeight": "",
      "cursor": "",
      "display": "",
      "justifyContent": "",
      "alignItems": "",
      "borderTop": "",
      "videoFit": "contain",
      "playMode": "auto",
      "loopMode": "loop",
      "loopCount": 1,
      "muted": true,
      "controls": false,
      "volume": 1,
      "videoPoster": "",
      "binding": "",
      "onClick": "",
      "barValue": 0,
      "barColor": "#00e5a0",
      "barBgColor": "rgba(255,255,255,0.08)",
      "barHeight": "12px",
      "showLabel": false,
      "labelText": "",
      "zIndex": 11,
      "locked": false,
      "visible": true,
      "disabled": false,
      "parentId": null,
      "events": {
        "click": [],
        "hover": [],
        "mousedown": [],
        "mouseup": [],
        "dblclick": [],
        "clickMode": "parallel",
        "hoverMode": "parallel",
        "mousedownMode": "parallel",
        "mouseupMode": "parallel",
        "dblclickMode": "parallel"
      },
      "hoverBackground": "",
      "hoverColor": "",
      "hoverScale": "",
      "hoverSrc": "",
      "hoverBoxShadow": "",
      "activeBackground": "",
      "activeColor": "",
      "activeScale": "",
      "activeSrc": "",
      "activeBoxShadow": "",
      "bgSize": "",
      "bgPosition": "",
      "bgRepeat": "",
      "responsive": true,
      "overrides": {
        "tablet": {},
        "phone": {},
        "phone-land": {}
      },
      "showOn": [],
      "controlMode": "none",
      "controlBg": "",
      "controlColor": "",
      "controlKnob": "",
      "customCSS": "",
      "animateClass": "animate__slideInRight",
      "animateDelay": "1s",
      "animateDuration": "",
      "animateRepeat": ""
    },
    {
      "id": "el_6",
      "templateId": "image",
      "type": "image",
      "name": "robo dialog",
      "x": 57,
      "y": 83,
      "w": 35,
      "h": 27,
      "anchor": "center",
      "content": "",
      "src": "./projects/bab4/robo-dialog.png",
      "iconClass": "",
      "fontFamily": "'Rajdhani',sans-serif",
      "fontSize": 1,
      "fontWeight": "400",
      "color": "#ffffff",
      "background": "transparent",
      "borderRadius": "0",
      "padding": "0",
      "border": "none",
      "opacity": 1,
      "textAlign": "center",
      "textShadow": "",
      "boxShadow": "",
      "letterSpacing": "",
      "lineHeight": "",
      "textTransform": "",
      "backdropFilter": "",
      "objectFit": "contain",
      "aspectRatio": "",
      "minWidth": "",
      "minHeight": "",
      "cursor": "",
      "display": "",
      "justifyContent": "",
      "alignItems": "",
      "borderTop": "",
      "videoFit": "contain",
      "playMode": "auto",
      "loopMode": "loop",
      "loopCount": 1,
      "muted": true,
      "controls": false,
      "volume": 1,
      "videoPoster": "",
      "binding": "",
      "onClick": "",
      "barValue": 0,
      "barColor": "#00e5a0",
      "barBgColor": "rgba(255,255,255,0.08)",
      "barHeight": "12px",
      "showLabel": false,
      "labelText": "",
      "zIndex": 12,
      "locked": false,
      "visible": false,
      "disabled": false,
      "parentId": null,
      "events": {
        "click": [],
        "hover": [],
        "mousedown": [],
        "mouseup": [],
        "dblclick": [],
        "clickMode": "parallel",
        "hoverMode": "parallel",
        "mousedownMode": "parallel",
        "mouseupMode": "parallel",
        "dblclickMode": "parallel"
      },
      "hoverBackground": "",
      "hoverColor": "",
      "hoverScale": "",
      "hoverSrc": "",
      "hoverBoxShadow": "",
      "activeBackground": "",
      "activeColor": "",
      "activeScale": "",
      "activeSrc": "",
      "activeBoxShadow": "",
      "bgSize": "",
      "bgPosition": "",
      "bgRepeat": "",
      "responsive": true,
      "overrides": {
        "tablet": {},
        "phone": {},
        "phone-land": {}
      },
      "showOn": [],
      "controlMode": "none",
      "controlBg": "",
      "controlColor": "",
      "controlKnob": "",
      "customCSS": "",
      "animateClass": "",
      "animateDelay": "",
      "animateDuration": "",
      "animateRepeat": ""
    },
    {
      "id": "el_7",
      "templateId": "image",
      "type": "image",
      "name": "btn1",
      "x": 20,
      "y": 73,
      "w": 63,
      "h": 44,
      "anchor": "center",
      "content": "",
      "src": "./projects/bab4/button1.png",
      "iconClass": "",
      "fontFamily": "'Rajdhani',sans-serif",
      "fontSize": 1,
      "fontWeight": "400",
      "color": "#ffffff",
      "background": "transparent",
      "borderRadius": "0",
      "padding": "0",
      "border": "none",
      "opacity": 1,
      "textAlign": "center",
      "textShadow": "",
      "boxShadow": "",
      "letterSpacing": "",
      "lineHeight": "",
      "textTransform": "",
      "backdropFilter": "",
      "objectFit": "contain",
      "aspectRatio": "",
      "minWidth": "",
      "minHeight": "",
      "cursor": "",
      "display": "",
      "justifyContent": "",
      "alignItems": "",
      "borderTop": "",
      "videoFit": "contain",
      "playMode": "auto",
      "loopMode": "loop",
      "loopCount": 1,
      "muted": true,
      "controls": false,
      "volume": 1,
      "videoPoster": "",
      "binding": "",
      "onClick": "",
      "barValue": 0,
      "barColor": "#00e5a0",
      "barBgColor": "rgba(255,255,255,0.08)",
      "barHeight": "12px",
      "showLabel": false,
      "labelText": "",
      "zIndex": 13,
      "locked": false,
      "visible": true,
      "disabled": false,
      "parentId": null,
      "events": {
        "click": [
          {
            "type": "playSound",
            "targetId": "",
            "delay": 0,
            "soundUrl": "./audio/click1.mp3"
          },
          {
            "type": "loadURL",
            "targetId": "",
            "delay": 200,
            "url": "./bab1.html",
            "urlTarget": "same"
          }
        ],
        "hover": [],
        "mousedown": [],
        "mouseup": [],
        "dblclick": [],
        "clickMode": "parallel",
        "hoverMode": "parallel",
        "mousedownMode": "parallel",
        "mouseupMode": "parallel",
        "dblclickMode": "parallel"
      },
      "hoverBackground": "",
      "hoverColor": "",
      "hoverScale": "",
      "hoverSrc": "",
      "hoverBoxShadow": "",
      "activeBackground": "",
      "activeColor": "",
      "activeScale": "",
      "activeSrc": "",
      "activeBoxShadow": "",
      "bgSize": "",
      "bgPosition": "",
      "bgRepeat": "",
      "responsive": false,
      "overrides": {
        "tablet": {},
        "phone": {},
        "phone-land": {}
      },
      "showOn": [],
      "controlMode": "none",
      "controlBg": "",
      "controlColor": "",
      "controlKnob": "",
      "customCSS": "",
      "animateClass": "animate__slideInLeft",
      "animateDelay": "2s",
      "animateDuration": "",
      "animateRepeat": ""
    },
    {
      "id": "el_8",
      "templateId": "image",
      "type": "image",
      "name": "back",
      "x": 13,
      "y": 31,
      "w": 34,
      "h": 31,
      "anchor": "center",
      "content": "",
      "src": "./projects/bab4/button-back.png",
      "iconClass": "",
      "fontFamily": "'Rajdhani',sans-serif",
      "fontSize": 1,
      "fontWeight": "400",
      "color": "#ffffff",
      "background": "transparent",
      "borderRadius": "0",
      "padding": "0",
      "border": "none",
      "opacity": 1,
      "textAlign": "center",
      "textShadow": "",
      "boxShadow": "",
      "letterSpacing": "",
      "lineHeight": "",
      "textTransform": "",
      "backdropFilter": "",
      "objectFit": "contain",
      "aspectRatio": "",
      "minWidth": "",
      "minHeight": "",
      "cursor": "",
      "display": "",
      "justifyContent": "",
      "alignItems": "",
      "borderTop": "",
      "videoFit": "contain",
      "playMode": "auto",
      "loopMode": "loop",
      "loopCount": 1,
      "muted": true,
      "controls": false,
      "volume": 1,
      "videoPoster": "",
      "binding": "",
      "onClick": "",
      "barValue": 0,
      "barColor": "#00e5a0",
      "barBgColor": "rgba(255,255,255,0.08)",
      "barHeight": "12px",
      "showLabel": false,
      "labelText": "",
      "zIndex": 14,
      "locked": false,
      "visible": true,
      "disabled": false,
      "parentId": null,
      "events": {
        "click": [
          {
            "type": "playSound",
            "targetId": "",
            "delay": 0,
            "soundUrl": "./audio/click1.mp3"
          },
          {
            "type": "loadURL",
            "targetId": "",
            "delay": 200,
            "url": "./start.html",
            "urlTarget": "same"
          }
        ],
        "hover": [],
        "mousedown": [],
        "mouseup": [],
        "dblclick": [],
        "clickMode": "parallel",
        "hoverMode": "parallel",
        "mousedownMode": "parallel",
        "mouseupMode": "parallel",
        "dblclickMode": "parallel"
      },
      "hoverBackground": "",
      "hoverColor": "",
      "hoverScale": "",
      "hoverSrc": "",
      "hoverBoxShadow": "",
      "activeBackground": "",
      "activeColor": "",
      "activeScale": "",
      "activeSrc": "",
      "activeBoxShadow": "",
      "bgSize": "",
      "bgPosition": "",
      "bgRepeat": "",
      "responsive": true,
      "overrides": {
        "tablet": {},
        "phone": {},
        "phone-land": {}
      },
      "showOn": [],
      "controlMode": "none",
      "controlBg": "",
      "controlColor": "",
      "controlKnob": "",
      "customCSS": "",
      "animateClass": "",
      "animateDelay": "",
      "animateDuration": "",
      "animateRepeat": ""
    },
    {
      "id": "el_3",
      "templateId": "image",
      "type": "image",
      "name": "footer",
      "x": 50,
      "y": 100,
      "w": 70,
      "h": 0,
      "anchor": "bottom-center",
      "content": "",
      "src": "./projects/bab4/footer.png",
      "iconClass": "",
      "fontFamily": "'Rajdhani',sans-serif",
      "fontSize": 1,
      "fontWeight": "400",
      "color": "#ffffff",
      "background": "transparent",
      "borderRadius": "0",
      "padding": "0",
      "border": "none",
      "opacity": 1,
      "textAlign": "center",
      "textShadow": "",
      "boxShadow": "",
      "letterSpacing": "",
      "lineHeight": "",
      "textTransform": "",
      "backdropFilter": "",
      "objectFit": "contain",
      "aspectRatio": "",
      "minWidth": "",
      "minHeight": "",
      "cursor": "",
      "display": "",
      "justifyContent": "",
      "alignItems": "",
      "borderTop": "",
      "videoFit": "contain",
      "playMode": "auto",
      "loopMode": "loop",
      "loopCount": 1,
      "muted": true,
      "controls": false,
      "volume": 1,
      "videoPoster": "",
      "binding": "",
      "onClick": "",
      "barValue": 0,
      "barColor": "#00e5a0",
      "barBgColor": "rgba(255,255,255,0.08)",
      "barHeight": "12px",
      "showLabel": false,
      "labelText": "",
      "zIndex": 15,
      "locked": false,
      "visible": true,
      "disabled": false,
      "parentId": null,
      "events": {
        "click": [],
        "hover": [],
        "mousedown": [],
        "mouseup": [],
        "dblclick": [],
        "clickMode": "parallel",
        "hoverMode": "parallel",
        "mousedownMode": "parallel",
        "mouseupMode": "parallel",
        "dblclickMode": "parallel"
      },
      "hoverBackground": "",
      "hoverColor": "",
      "hoverScale": "",
      "hoverSrc": "",
      "hoverBoxShadow": "",
      "activeBackground": "",
      "activeColor": "",
      "activeScale": "",
      "activeSrc": "",
      "activeBoxShadow": "",
      "bgSize": "",
      "bgPosition": "",
      "bgRepeat": "",
      "responsive": false,
      "overrides": {
        "tablet": {},
        "phone": {},
        "phone-land": {}
      },
      "showOn": [],
      "controlMode": "none",
      "controlBg": "",
      "controlColor": "",
      "controlKnob": "",
      "customCSS": "",
      "animateClass": "",
      "animateDelay": "",
      "animateDuration": "",
      "animateRepeat": ""
    },
    {
      "id": "el_5",
      "templateId": "image",
      "type": "image",
      "name": "robo",
      "x": 78,
      "y": 94,
      "w": 12,
      "h": 13,
      "anchor": "center",
      "content": "",
      "src": "./projects/bab4/robo.png",
      "iconClass": "",
      "fontFamily": "'Rajdhani',sans-serif",
      "fontSize": 1,
      "fontWeight": "400",
      "color": "#ffffff",
      "background": "transparent",
      "borderRadius": "0",
      "padding": "0",
      "border": "none",
      "opacity": 1,
      "textAlign": "center",
      "textShadow": "",
      "boxShadow": "",
      "letterSpacing": "",
      "lineHeight": "",
      "textTransform": "",
      "backdropFilter": "",
      "objectFit": "contain",
      "aspectRatio": "",
      "minWidth": "",
      "minHeight": "",
      "cursor": "",
      "display": "",
      "justifyContent": "",
      "alignItems": "",
      "borderTop": "",
      "videoFit": "contain",
      "playMode": "auto",
      "loopMode": "loop",
      "loopCount": 1,
      "muted": true,
      "controls": false,
      "volume": 1,
      "videoPoster": "",
      "binding": "",
      "onClick": "",
      "barValue": 0,
      "barColor": "#00e5a0",
      "barBgColor": "rgba(255,255,255,0.08)",
      "barHeight": "12px",
      "showLabel": false,
      "labelText": "",
      "zIndex": 16,
      "locked": false,
      "visible": true,
      "disabled": false,
      "parentId": null,
      "events": {
        "click": [
          {
            "type": "show",
            "targetId": "el_6",
            "delay": 0
          },
          {
            "type": "playSound",
            "targetId": "",
            "delay": 0,
            "soundUrl": "./audio/click1.mp3"
          },
          {
            "type": "hide",
            "targetId": "el_6",
            "delay": 5000
          }
        ],
        "hover": [],
        "mousedown": [],
        "mouseup": [],
        "dblclick": [],
        "clickMode": "parallel",
        "hoverMode": "parallel",
        "mousedownMode": "parallel",
        "mouseupMode": "parallel",
        "dblclickMode": "parallel"
      },
      "hoverBackground": "",
      "hoverColor": "",
      "hoverScale": "",
      "hoverSrc": "",
      "hoverBoxShadow": "",
      "activeBackground": "",
      "activeColor": "",
      "activeScale": "",
      "activeSrc": "",
      "activeBoxShadow": "",
      "bgSize": "",
      "bgPosition": "",
      "bgRepeat": "",
      "responsive": true,
      "overrides": {
        "tablet": {},
        "phone": {},
        "phone-land": {}
      },
      "showOn": [],
      "controlMode": "none",
      "controlBg": "",
      "controlColor": "",
      "controlKnob": "",
      "customCSS": "",
      "animateClass": "",
      "animateDelay": "",
      "animateDuration": "",
      "animateRepeat": ""
    },
    {
      "id": "el_2",
      "templateId": "image",
      "type": "image",
      "name": "header",
      "x": 0,
      "y": 0,
      "w": 100,
      "h": 0,
      "anchor": "top-left",
      "content": "",
      "src": "./projects/bab4/header.png",
      "iconClass": "",
      "fontFamily": "'Rajdhani',sans-serif",
      "fontSize": 1,
      "fontWeight": "400",
      "color": "#ffffff",
      "background": "transparent",
      "borderRadius": "0",
      "padding": "0",
      "border": "none",
      "opacity": 1,
      "textAlign": "center",
      "textShadow": "",
      "boxShadow": "",
      "letterSpacing": "",
      "lineHeight": "",
      "textTransform": "",
      "backdropFilter": "",
      "objectFit": "contain",
      "aspectRatio": "",
      "minWidth": "",
      "minHeight": "",
      "cursor": "",
      "display": "",
      "justifyContent": "",
      "alignItems": "",
      "borderTop": "",
      "videoFit": "contain",
      "playMode": "auto",
      "loopMode": "loop",
      "loopCount": 1,
      "muted": true,
      "controls": false,
      "volume": 1,
      "videoPoster": "",
      "binding": "",
      "onClick": "",
      "barValue": 0,
      "barColor": "#00e5a0",
      "barBgColor": "rgba(255,255,255,0.08)",
      "barHeight": "12px",
      "showLabel": false,
      "labelText": "",
      "zIndex": 17,
      "locked": false,
      "visible": true,
      "disabled": false,
      "parentId": null,
      "events": {
        "click": [],
        "hover": [],
        "mousedown": [],
        "mouseup": [],
        "dblclick": [],
        "clickMode": "parallel",
        "hoverMode": "parallel",
        "mousedownMode": "parallel",
        "mouseupMode": "parallel",
        "dblclickMode": "parallel"
      },
      "hoverBackground": "",
      "hoverColor": "",
      "hoverScale": "",
      "hoverSrc": "",
      "hoverBoxShadow": "",
      "activeBackground": "",
      "activeColor": "",
      "activeScale": "",
      "activeSrc": "",
      "activeBoxShadow": "",
      "bgSize": "",
      "bgPosition": "",
      "bgRepeat": "",
      "responsive": false,
      "overrides": {
        "tablet": {},
        "phone": {},
        "phone-land": {}
      },
      "showOn": [],
      "controlMode": "none",
      "controlBg": "",
      "controlColor": "",
      "controlKnob": "",
      "customCSS": "",
      "animateClass": "",
      "animateDelay": "",
      "animateDuration": "",
      "animateRepeat": ""
    }
  ],
  "responsive": {
    "breakpoints": {
      "mobile": 768,
      "tablet": 1024
    }
  }
}