<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Untitled Application</AppTitle>
	<DesignDeviceName>Desktop</DesignDeviceName>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>640</PageWidth>
	<PageHeight>480</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<CustomCSS>#moon{
animation: moon 60s ease infinite;
}

@keyframes moon {
  0% {transform: translateX(0);}
  50% {transform: translateX(-640px);}
  100% {transform: translateX(0);}
}


.flex {
display:flex;
justify-content:center;
align-items: center;
}
/*................level speed in game.......................*/
.tran{
transition:all 0.5s;
}



#DialogContainer1{
  width:320px;
  height:200px;
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  margin:auto;
}
</CustomCSS>
	<LanguageCode>en</LanguageCode>
	<MobileOSTypes>[AndroidOS,iOS,WindowsPhoneOS]</MobileOSTypes>
	<WindowState>normal</WindowState>
	<TitleBar>True</TitleBar>
	<Sizeable>True</Sizeable>
	<MaximizeBtn>False</MaximizeBtn>
	<MinimizeBtn>True</MinimizeBtn>
	<SystemMenu>True</SystemMenu>
	<ContextMenu>False</ContextMenu>
	<AlwaysOnTop>False</AlwaysOnTop>
	<ShowInTaskbar>True</ShowInTaskbar>
	<SingleInstance>False</SingleInstance>
	<ChromeKioskMode>False</ChromeKioskMode>
	<Components>
		<FunctionList name="Subroutines"/>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="start">
					<Components>
						<Container id="Container6">
							<left>0px</left>
							<top>0px</top>
							<width>100%</width>
							<height>100%</height>
							<style>background-color:#153f59</style>
							<Components>
								<SVGicon id="moon">
									<left>571px</left>
									<top>76px</top>
									<width>48px</width>
									<height>56px</height>
									<style>fill:#ccc;stroke-width:1px</style>
									<icon>svgmoon</icon>
								</SVGicon>
								<Container id="star">
									<left>389px</left>
									<top>81px</top>
									<width>10px</width>
									<height>10px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
									<css_class>star</css_class>
								</Container>
								<Container id="star1">
									<left>466px</left>
									<top>72px</top>
									<width>10px</width>
									<height>10px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
								</Container>
								<Container id="star2">
									<left>445px</left>
									<top>124px</top>
									<width>10px</width>
									<height>10px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
									<css_class>star</css_class>
								</Container>
								<Container id="star3">
									<left>523px</left>
									<top>143px</top>
									<width>10px</width>
									<height>10px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
									<css_class>star-1</css_class>
								</Container>
								<Container id="star4">
									<left>515px</left>
									<top>36px</top>
									<width>10px</width>
									<height>10px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
								</Container>
								<Container id="Container7">
									<left>167px</left>
									<top>103px</top>
									<width>5px</width>
									<height>5px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
								</Container>
								<Container id="Container8">
									<left>255px</left>
									<top>98px</top>
									<width>5px</width>
									<height>5px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
								</Container>
								<Container id="Container9">
									<left>305px</left>
									<top>124px</top>
									<width>5px</width>
									<height>5px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
								</Container>
								<Container id="Container10">
									<left>223px</left>
									<top>151px</top>
									<width>5px</width>
									<height>5px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
								</Container>
								<Container id="Container11">
									<left>314px</left>
									<top>69px</top>
									<width>5px</width>
									<height>5px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
								</Container>
								<Container id="Container5">
									<left>357px</left>
									<top>23px</top>
									<width>10px</width>
									<height>10px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
									<css_class>star</css_class>
								</Container>
								<Container id="Container12">
									<left>111px</left>
									<top>167px</top>
									<width>10px</width>
									<height>10px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
									<css_class>star</css_class>
								</Container>
								<Container id="Container14">
									<left>365px</left>
									<top>134px</top>
									<width>10px</width>
									<height>10px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
									<css_class>star</css_class>
								</Container>
								<Container id="Container15">
									<left>168px</left>
									<top>22px</top>
									<width>5px</width>
									<height>5px</height>
									<style>background-color:#fff;border-radius:100%;box-shadow:0 0 10px white</style>
								</Container>
								<Container id="Container13">
									<left>368px</left>
									<top>222px</top>
									<width>112px</width>
									<height>34px</height>
									<style>color:#153f59;font-size:12pt;background-color:#fff;border-color:white;border-radius:8px;border-style:solid;border-width:1px;cursor:pointer</style>
									<hover>background-color:#EAF5FF</hover>
									<css_class>flex</css_class>
									<html>START</html>
									<click>GotoPage &quot;game&quot;</click>
								</Container>
							</Components>
						</Container>
						<Container id="Container3">
							<left>121px</left>
							<top>354px</top>
							<width>20px</width>
							<height>86px</height>
							<style>background-color:#4f4b31</style>
						</Container>
						<Container id="Container4">
							<left>253px</left>
							<top>363px</top>
							<width>21px</width>
							<height>94px</height>
							<style>background-color:#4f4b31</style>
						</Container>
						<Container id="Container2">
							<left>111px</left>
							<top>261px</top>
							<width>24px</width>
							<height>102px</height>
							<style>background-color:#4f4b31</style>
						</Container>
						<Polygon id="Polygon2">
							<left>42px</left>
							<top>199px</top>
							<width>181px</width>
							<height>192px</height>
							<style>fill:#29472b;stroke-width:1px</style>
							<Points>0,191,69,118,19,119,73,60,34,60,90,0,147,60,108,58,165,118,113,120,180,186</Points>
						</Polygon>
						<Container id="Container1">
							<left>0px</left>
							<top>415px</top>
							<width>640px</width>
							<height>65px</height>
							<style>background-color:#29472b;border-radius:100% 100% 0px 0px</style>
						</Container>
						<Polygon id="Polygon1">
							<left>193px</left>
							<top>236px</top>
							<width>133px</width>
							<height>151px</height>
							<style>fill:#29472b;stroke-width:1px</style>
							<Points>8,148,62,81,0,83,59,32,20,40,66,0,113,38,76,34,132,80,81,80,132,150</Points>
						</Polygon>
					</Components>
				</Page>
				<Page id="game">
					<style>background-color:#153f59</style>
					<pageenter>CreateArray [levels] &quot;level 1,level 2,level 3,level 4,level 5&quot;
setvar [x] 0
setvar [level] [levels([x])]

........................[time] determine the speed of the ball...........................
setvar [time] 1000
TimerStart &quot;Timer1&quot; [time]
ShowObject &quot;ball&quot; &quot;zoomIn&quot; 24
</pageenter>
					<pageexit>HideObject &quot;ball&quot; &quot;&quot; 0
TimerStop &quot;Timer1&quot;
HideObject &quot;winner&quot; &quot;&quot; 0</pageexit>
					<Components>
						<Container id="ground">
							<left>0px</left>
							<top>40px</top>
							<width>100%</width>
							<height>440px</height>
							<style>background-color:#005A3B;border-style:solid;border-width:1px</style>
							<Components>
								<Container id="winner">
									<left>121px</left>
									<top>47px</top>
									<width>380px</width>
									<height>267px</height>
									<style>background-color:#fff;box-shadow:0 0 10px white</style>
									<visible>False</visible>
									<Components>
										<Headline id="Headline2">
											<left>45px</left>
											<top>169px</top>
											<width>292px</width>
											<height>48px</height>
											<style>color:#005A3B;text-align:center</style>
											<text>You are winner!</text>
										</Headline>
										<SVGicon id="trophy">
											<left>128px</left>
											<top>25px</top>
											<width>121px</width>
											<height>98px</height>
											<style>fill:#FABC02;stroke-width:1px</style>
											<icon>svgtrophy</icon>
										</SVGicon>
									</Components>
								</Container>
								<SVGicon id="ball">
									<left>516px</left>
									<top>51px</top>
									<width>50px</width>
									<height>50px</height>
									<style>cursor:pointer;fill:white;stroke:black;stroke-width:1px</style>
									<visible>False</visible>
									<css_class>tran</css_class>
									<icon>svgfutbol</icon>
									<click>
If [x] &lt; 3

   TimerStop &quot;Timer1&quot;
   HideObject &quot;ball&quot; &quot;zoomOut&quot; 0
....................................
   OpenDialog &quot;NewDialog&quot;
Else
   ShowObject &quot;winner&quot; &quot;zoomIn&quot; 11
Endif</click>
								</SVGicon>
							</Components>
						</Container>
						<Timer id="Timer1">
							<left>5px</left>
							<top>437px</top>
							<width>34px</width>
							<height>34px</height>
							<interval>700</interval>
							<auto_start>False</auto_start>
							<auto_stop>False</auto_stop>
							<expired>
Random 590 [left]
Random 390 [top]
MoveObject &quot;ball&quot; [left] [top]
</expired>
						</Timer>
						<Container id="Container16">
							<left>506px</left>
							<top>5px</top>
							<width>117px</width>
							<height>31px</height>
							<style>color:#003966;font-size:12pt;background-color:#fff;border-radius:5px;border-style:solid;border-width:1px</style>
							<css_class>flex</css_class>
							<html>[level]</html>
						</Container>
						<Headline id="Headline1">
							<left>159px</left>
							<top>11px</top>
							<width>294px</width>
							<height>26px</height>
							<style>color:white;font-family:Times New Roman,Times,serif;font-size:13pt</style>
							<text>Click on the ball for passing the level!</text>
						</Headline>
						<SVGicon id="GoToPreviousPage">
							<left>11px</left>
							<top>5px</top>
							<width>28px</width>
							<height>30px</height>
							<style>cursor:pointer;fill:white</style>
							<hover>fill:#ffffff</hover>
							<icon>svgArrowCircleLeft</icon>
							<click>GotoPage &quot;start&quot;</click>
						</SVGicon>
					</Components>
				</Page>
			</Components>
		</PageList>
		<PageList name="Master">
			<Components>
				<Page id="MasterPage"/>
			</Components>
		</PageList>
		<PageList name="Dialog">
			<Components>
				<Page id="NewDialog">
					<Components>
						<DialogContainer id="DialogContainer1">
							<left>0px</left>
							<top>0px</top>
							<width>640px</width>
							<height>480px</height>
							<close_button>False</close_button>
							<Components>
								<Container id="Container17">
									<left>0px</left>
									<top>0px</top>
									<width>100%</width>
									<height>40px</height>
									<style>background-color:#003966;border-style:solid;border-width:1px</style>
								</Container>
								<Paragraph id="Paragraph1">
									<left>25px</left>
									<top>93px</top>
									<width>273px</width>
									<height>39px</height>
									<style>color:#003966;font-family:Times New Roman,Times,serif;font-size:12pt;text-align:center</style>
									<text>You have successfully passed&amp;nbsp;[level]</text>
								</Paragraph>
								<Container id="Container18">
									<left>96px</left>
									<top>131px</top>
									<width>135px</width>
									<height>39px</height>
									<style>color:white;font-size:12pt;background-color:#003966;border-radius:10px;border-style:solid;border-width:1px;cursor:pointer</style>
									<hover>color:#003966;background-color:white</hover>
									<css_class>flex</css_class>
									<html>Next Level</html>
									<click>

setvar [x] [x]+1
setvar [time] [time]-150
setvar [level] [levels([x])]

closedialog

TimerStart &quot;Timer1&quot; [time]
ShowObject &quot;ball&quot; &quot;zoomIn&quot; 0


</click>
								</Container>
								<SVGicon id="SVGicon1">
									<left>13px</left>
									<top>7px</top>
									<width>28px</width>
									<height>26px</height>
									<style>fill:white;stroke-width:1px</style>
									<icon>svgArrowCircleLeft</icon>
									<click>
closedialog
GotoPage &quot;start&quot;</click>
								</SVGicon>
								<SVGicon id="check">
									<left>141px</left>
									<top>43px</top>
									<width>43px</width>
									<height>36px</height>
									<style>fill:#003966;stroke-width:1px</style>
									<icon>svgcheckcircle</icon>
								</SVGicon>
							</Components>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
