<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Untitled Application</AppTitle>
	<DesignDeviceName>Apple iPhone 6</DesignDeviceName>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>667</PageWidth>
	<PageHeight>375</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<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">
			<Components>
				<Function name="collision">
					<Code>BeginJS
$div1=$(&quot;#&quot;+$App.object1);
$div2=$(&quot;#&quot;+$App.object2);
var x1 = $div1.offset().left;
var y1 = $div1.offset().top;
var h1 = $div1.outerHeight(true);
var w1 = $div1.outerWidth(true);
var b1 = y1 + h1;
var r1 = x1 + w1;
var x2 = $div2.offset().left;
var y2 = $div2.offset().top;
var h2 = $div2.outerHeight(true);
var w2 = $div2.outerWidth(true);
var b2 = y2 + h2;
var r2 = x2 + w2;
if (b1 &lt; y2 || y1 &gt; b2 || r1 &lt; x2 || x1 &gt; r2){
   $App.choque=&quot;No&quot;
}else{
   $App.choque=&quot;Si&quot;
}
EndJS
Refresh</Code>
				</Function>
			</Components>
		</FunctionList>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="NewPage">
					<style>overflow-x:hidden;overflow-y:hidden</style>
					<pageenter>SetVar [choque] &quot;No&quot;</pageenter>
					<Components>
						<Rectangle id="Rectangle1">
							<left>400px</left>
							<top>168px</top>
							<width>48px</width>
							<height>48px</height>
							<style>cursor:move;fill:#008080;stroke:black;stroke-width:1px</style>
							<corner_radius>0</corner_radius>
						</Rectangle>
						<PushButton id="PushButton1">
							<left>24px</left>
							<top>16px</top>
							<width>152px</width>
							<height>48px</height>
							<caption>Comenzar</caption>
							<click>slDraggable &quot;Rectangle1&quot; &quot;&quot; &quot;&quot; 0 0 &quot;&quot;
slDraggable &quot;Rectangle2&quot; &quot;&quot; &quot;&quot; 0 0 &quot;&quot;
SetVar [object1] &quot;Rectangle1&quot;
SetVar [object2] &quot;Rectangle2&quot;
OnMouseEvent &quot;NewPage&quot; &quot;mousemove&quot; &quot;collision&quot;
</click>
						</PushButton>
						<Rectangle id="Rectangle2">
							<left>224px</left>
							<top>168px</top>
							<width>48px</width>
							<height>48px</height>
							<style>cursor:move;fill:#8601AF;stroke:black;stroke-width:1px</style>
							<corner_radius>0</corner_radius>
						</Rectangle>
						<Container id="Container1">
							<left>496px</left>
							<top>328px</top>
							<width>152px</width>
							<height>40px</height>
							<style>font-size:14pt;background-color:#fff</style>
							<html>Colisión: [choque]&lt;br&gt;</html>
						</Container>
					</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>667px</width>
							<height>375px</height>
							<close_button>False</close_button>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
