Added UI Pack assets and added a few buttons

JustGitting · Aug 22, 2014 · 6d8c398 · 6d8c398
1 parent c2af83c
commit 6d8c398
Show file tree

Hide file tree

Showing 179 changed files with 901 additions and 2 deletions.
diff --git a/ui/README.md b/ui/README.md
@@ -0,0 +1,8 @@
+
+## Setup
+Prerequisites:
+- Install PIL using `sudo pip install pil` 
+- Install Gameduino 2 asset converter and Python libraries using `sudo pip install gameduino2`
+
+Note: On Mac you can also install `sudo pip install pillow` and port Gameduino 2 to use Pillow instead of PIL: http://pillow.readthedocs.org/en/latest/porting-pil-to-pillow.html
+
diff --git a/ui/assets/UIpack/Bonus/click1.ogg b/ui/assets/UIpack/Bonus/click1.ogg
diff --git a/ui/assets/UIpack/Bonus/click2.ogg b/ui/assets/UIpack/Bonus/click2.ogg
diff --git a/ui/assets/UIpack/Bonus/rollover1.ogg b/ui/assets/UIpack/Bonus/rollover1.ogg
diff --git a/ui/assets/UIpack/Bonus/rollover2.ogg b/ui/assets/UIpack/Bonus/rollover2.ogg
diff --git a/ui/assets/UIpack/Bonus/switch2.ogg b/ui/assets/UIpack/Bonus/switch2.ogg
diff --git a/ui/assets/UIpack/Bonus/switch3.ogg b/ui/assets/UIpack/Bonus/switch3.ogg
diff --git a/ui/assets/UIpack/Font/kenvector_future.ttf b/ui/assets/UIpack/Font/kenvector_future.ttf
diff --git a/ui/assets/UIpack/Font/kenvector_future_thin.ttf b/ui/assets/UIpack/Font/kenvector_future_thin.ttf
diff --git a/ui/assets/UIpack/PNG/blue_boxCheckmark.png b/ui/assets/UIpack/PNG/blue_boxCheckmark.png
diff --git a/ui/assets/UIpack/PNG/blue_boxCross.png b/ui/assets/UIpack/PNG/blue_boxCross.png
diff --git a/ui/assets/UIpack/PNG/blue_boxTick.png b/ui/assets/UIpack/PNG/blue_boxTick.png
diff --git a/ui/assets/UIpack/PNG/blue_button00.png b/ui/assets/UIpack/PNG/blue_button00.png
diff --git a/ui/assets/UIpack/PNG/blue_button01.png b/ui/assets/UIpack/PNG/blue_button01.png
diff --git a/ui/assets/UIpack/PNG/blue_button02.png b/ui/assets/UIpack/PNG/blue_button02.png
diff --git a/ui/assets/UIpack/PNG/blue_button03.png b/ui/assets/UIpack/PNG/blue_button03.png
diff --git a/ui/assets/UIpack/PNG/blue_button04.png b/ui/assets/UIpack/PNG/blue_button04.png
diff --git a/ui/assets/UIpack/PNG/blue_button05.png b/ui/assets/UIpack/PNG/blue_button05.png
diff --git a/ui/assets/UIpack/PNG/blue_button06.png b/ui/assets/UIpack/PNG/blue_button06.png
diff --git a/ui/assets/UIpack/PNG/blue_button07.png b/ui/assets/UIpack/PNG/blue_button07.png
diff --git a/ui/assets/UIpack/PNG/blue_button08.png b/ui/assets/UIpack/PNG/blue_button08.png
diff --git a/ui/assets/UIpack/PNG/blue_button09.png b/ui/assets/UIpack/PNG/blue_button09.png
diff --git a/ui/assets/UIpack/PNG/blue_button10.png b/ui/assets/UIpack/PNG/blue_button10.png
diff --git a/ui/assets/UIpack/PNG/blue_button11.png b/ui/assets/UIpack/PNG/blue_button11.png
diff --git a/ui/assets/UIpack/PNG/blue_button12.png b/ui/assets/UIpack/PNG/blue_button12.png
diff --git a/ui/assets/UIpack/PNG/blue_button13.png b/ui/assets/UIpack/PNG/blue_button13.png
diff --git a/ui/assets/UIpack/PNG/blue_checkmark.png b/ui/assets/UIpack/PNG/blue_checkmark.png
diff --git a/ui/assets/UIpack/PNG/blue_circle.png b/ui/assets/UIpack/PNG/blue_circle.png
diff --git a/ui/assets/UIpack/PNG/blue_cross.png b/ui/assets/UIpack/PNG/blue_cross.png
diff --git a/ui/assets/UIpack/PNG/blue_panel.png b/ui/assets/UIpack/PNG/blue_panel.png
diff --git a/ui/assets/UIpack/PNG/blue_sliderDown.png b/ui/assets/UIpack/PNG/blue_sliderDown.png
diff --git a/ui/assets/UIpack/PNG/blue_sliderLeft.png b/ui/assets/UIpack/PNG/blue_sliderLeft.png
diff --git a/ui/assets/UIpack/PNG/blue_sliderRight.png b/ui/assets/UIpack/PNG/blue_sliderRight.png
diff --git a/ui/assets/UIpack/PNG/blue_sliderUp.png b/ui/assets/UIpack/PNG/blue_sliderUp.png
diff --git a/ui/assets/UIpack/PNG/blue_tick.png b/ui/assets/UIpack/PNG/blue_tick.png
diff --git a/ui/assets/UIpack/PNG/dropdownBottom.png b/ui/assets/UIpack/PNG/dropdownBottom.png
diff --git a/ui/assets/UIpack/PNG/dropdownMid.png b/ui/assets/UIpack/PNG/dropdownMid.png
diff --git a/ui/assets/UIpack/PNG/dropdownTop.png b/ui/assets/UIpack/PNG/dropdownTop.png
diff --git a/ui/assets/UIpack/PNG/green_boxCheckmark.png b/ui/assets/UIpack/PNG/green_boxCheckmark.png
diff --git a/ui/assets/UIpack/PNG/green_boxCross.png b/ui/assets/UIpack/PNG/green_boxCross.png
diff --git a/ui/assets/UIpack/PNG/green_boxTick.png b/ui/assets/UIpack/PNG/green_boxTick.png
diff --git a/ui/assets/UIpack/PNG/green_button00.png b/ui/assets/UIpack/PNG/green_button00.png
diff --git a/ui/assets/UIpack/PNG/green_button01.png b/ui/assets/UIpack/PNG/green_button01.png
diff --git a/ui/assets/UIpack/PNG/green_button02.png b/ui/assets/UIpack/PNG/green_button02.png
diff --git a/ui/assets/UIpack/PNG/green_button03.png b/ui/assets/UIpack/PNG/green_button03.png
diff --git a/ui/assets/UIpack/PNG/green_button04.png b/ui/assets/UIpack/PNG/green_button04.png
diff --git a/ui/assets/UIpack/PNG/green_button05.png b/ui/assets/UIpack/PNG/green_button05.png
diff --git a/ui/assets/UIpack/PNG/green_button06.png b/ui/assets/UIpack/PNG/green_button06.png
diff --git a/ui/assets/UIpack/PNG/green_button07.png b/ui/assets/UIpack/PNG/green_button07.png
diff --git a/ui/assets/UIpack/PNG/green_button08.png b/ui/assets/UIpack/PNG/green_button08.png
diff --git a/ui/assets/UIpack/PNG/green_button09.png b/ui/assets/UIpack/PNG/green_button09.png
diff --git a/ui/assets/UIpack/PNG/green_button10.png b/ui/assets/UIpack/PNG/green_button10.png
diff --git a/ui/assets/UIpack/PNG/green_button11.png b/ui/assets/UIpack/PNG/green_button11.png
diff --git a/ui/assets/UIpack/PNG/green_button12.png b/ui/assets/UIpack/PNG/green_button12.png
diff --git a/ui/assets/UIpack/PNG/green_button13.png b/ui/assets/UIpack/PNG/green_button13.png
diff --git a/ui/assets/UIpack/PNG/green_checkmark.png b/ui/assets/UIpack/PNG/green_checkmark.png
diff --git a/ui/assets/UIpack/PNG/green_circle.png b/ui/assets/UIpack/PNG/green_circle.png
diff --git a/ui/assets/UIpack/PNG/green_cross.png b/ui/assets/UIpack/PNG/green_cross.png
diff --git a/ui/assets/UIpack/PNG/green_panel.png b/ui/assets/UIpack/PNG/green_panel.png
diff --git a/ui/assets/UIpack/PNG/green_sliderDown.png b/ui/assets/UIpack/PNG/green_sliderDown.png
diff --git a/ui/assets/UIpack/PNG/green_sliderLeft.png b/ui/assets/UIpack/PNG/green_sliderLeft.png
diff --git a/ui/assets/UIpack/PNG/green_sliderRight.png b/ui/assets/UIpack/PNG/green_sliderRight.png
diff --git a/ui/assets/UIpack/PNG/green_sliderUp.png b/ui/assets/UIpack/PNG/green_sliderUp.png
diff --git a/ui/assets/UIpack/PNG/green_tick.png b/ui/assets/UIpack/PNG/green_tick.png
diff --git a/ui/assets/UIpack/PNG/grey_arrowDownGrey.png b/ui/assets/UIpack/PNG/grey_arrowDownGrey.png
diff --git a/ui/assets/UIpack/PNG/grey_arrowDownWhite.png b/ui/assets/UIpack/PNG/grey_arrowDownWhite.png
diff --git a/ui/assets/UIpack/PNG/grey_arrowUpGrey.png b/ui/assets/UIpack/PNG/grey_arrowUpGrey.png
diff --git a/ui/assets/UIpack/PNG/grey_arrowUpWhite.png b/ui/assets/UIpack/PNG/grey_arrowUpWhite.png
diff --git a/ui/assets/UIpack/PNG/grey_box.png b/ui/assets/UIpack/PNG/grey_box.png
diff --git a/ui/assets/UIpack/PNG/grey_boxCheckmark.png b/ui/assets/UIpack/PNG/grey_boxCheckmark.png
diff --git a/ui/assets/UIpack/PNG/grey_boxCross.png b/ui/assets/UIpack/PNG/grey_boxCross.png
diff --git a/ui/assets/UIpack/PNG/grey_boxTick.png b/ui/assets/UIpack/PNG/grey_boxTick.png
diff --git a/ui/assets/UIpack/PNG/grey_button00.png b/ui/assets/UIpack/PNG/grey_button00.png
diff --git a/ui/assets/UIpack/PNG/grey_button01.png b/ui/assets/UIpack/PNG/grey_button01.png
diff --git a/ui/assets/UIpack/PNG/grey_button02.png b/ui/assets/UIpack/PNG/grey_button02.png
diff --git a/ui/assets/UIpack/PNG/grey_button03.png b/ui/assets/UIpack/PNG/grey_button03.png
diff --git a/ui/assets/UIpack/PNG/grey_button04.png b/ui/assets/UIpack/PNG/grey_button04.png
diff --git a/ui/assets/UIpack/PNG/grey_button05.png b/ui/assets/UIpack/PNG/grey_button05.png
diff --git a/ui/assets/UIpack/PNG/grey_button06.png b/ui/assets/UIpack/PNG/grey_button06.png
diff --git a/ui/assets/UIpack/PNG/grey_button07.png b/ui/assets/UIpack/PNG/grey_button07.png
diff --git a/ui/assets/UIpack/PNG/grey_button08.png b/ui/assets/UIpack/PNG/grey_button08.png
diff --git a/ui/assets/UIpack/PNG/grey_button09.png b/ui/assets/UIpack/PNG/grey_button09.png
diff --git a/ui/assets/UIpack/PNG/grey_button10.png b/ui/assets/UIpack/PNG/grey_button10.png
diff --git a/ui/assets/UIpack/PNG/grey_button11.png b/ui/assets/UIpack/PNG/grey_button11.png
diff --git a/ui/assets/UIpack/PNG/grey_button12.png b/ui/assets/UIpack/PNG/grey_button12.png
diff --git a/ui/assets/UIpack/PNG/grey_button13.png b/ui/assets/UIpack/PNG/grey_button13.png
diff --git a/ui/assets/UIpack/PNG/grey_button14.png b/ui/assets/UIpack/PNG/grey_button14.png
diff --git a/ui/assets/UIpack/PNG/grey_button15.png b/ui/assets/UIpack/PNG/grey_button15.png
diff --git a/ui/assets/UIpack/PNG/grey_checkmarkGrey.png b/ui/assets/UIpack/PNG/grey_checkmarkGrey.png
diff --git a/ui/assets/UIpack/PNG/grey_checkmarkWhite.png b/ui/assets/UIpack/PNG/grey_checkmarkWhite.png
diff --git a/ui/assets/UIpack/PNG/grey_circle.png b/ui/assets/UIpack/PNG/grey_circle.png
diff --git a/ui/assets/UIpack/PNG/grey_crossGrey.png b/ui/assets/UIpack/PNG/grey_crossGrey.png
diff --git a/ui/assets/UIpack/PNG/grey_crossWhite.png b/ui/assets/UIpack/PNG/grey_crossWhite.png
diff --git a/ui/assets/UIpack/PNG/grey_panel.png b/ui/assets/UIpack/PNG/grey_panel.png
diff --git a/ui/assets/UIpack/PNG/grey_sliderDown.png b/ui/assets/UIpack/PNG/grey_sliderDown.png
diff --git a/ui/assets/UIpack/PNG/grey_sliderEnd.png b/ui/assets/UIpack/PNG/grey_sliderEnd.png
diff --git a/ui/assets/UIpack/PNG/grey_sliderHorizontal.png b/ui/assets/UIpack/PNG/grey_sliderHorizontal.png
diff --git a/ui/assets/UIpack/PNG/grey_sliderLeft.png b/ui/assets/UIpack/PNG/grey_sliderLeft.png
diff --git a/ui/assets/UIpack/PNG/grey_sliderRight.png b/ui/assets/UIpack/PNG/grey_sliderRight.png
diff --git a/ui/assets/UIpack/PNG/grey_sliderUp.png b/ui/assets/UIpack/PNG/grey_sliderUp.png
diff --git a/ui/assets/UIpack/PNG/grey_sliderVertical.png b/ui/assets/UIpack/PNG/grey_sliderVertical.png
diff --git a/ui/assets/UIpack/PNG/grey_tickGrey.png b/ui/assets/UIpack/PNG/grey_tickGrey.png
diff --git a/ui/assets/UIpack/PNG/grey_tickWhite.png b/ui/assets/UIpack/PNG/grey_tickWhite.png
diff --git a/ui/assets/UIpack/PNG/red_boxCheckmark.png b/ui/assets/UIpack/PNG/red_boxCheckmark.png
diff --git a/ui/assets/UIpack/PNG/red_boxCross.png b/ui/assets/UIpack/PNG/red_boxCross.png
diff --git a/ui/assets/UIpack/PNG/red_boxTick.png b/ui/assets/UIpack/PNG/red_boxTick.png
diff --git a/ui/assets/UIpack/PNG/red_button00.png b/ui/assets/UIpack/PNG/red_button00.png
diff --git a/ui/assets/UIpack/PNG/red_button01.png b/ui/assets/UIpack/PNG/red_button01.png
diff --git a/ui/assets/UIpack/PNG/red_button02.png b/ui/assets/UIpack/PNG/red_button02.png
diff --git a/ui/assets/UIpack/PNG/red_button03.png b/ui/assets/UIpack/PNG/red_button03.png
diff --git a/ui/assets/UIpack/PNG/red_button04.png b/ui/assets/UIpack/PNG/red_button04.png
diff --git a/ui/assets/UIpack/PNG/red_button05.png b/ui/assets/UIpack/PNG/red_button05.png
diff --git a/ui/assets/UIpack/PNG/red_button06.png b/ui/assets/UIpack/PNG/red_button06.png
diff --git a/ui/assets/UIpack/PNG/red_button07.png b/ui/assets/UIpack/PNG/red_button07.png
diff --git a/ui/assets/UIpack/PNG/red_button08.png b/ui/assets/UIpack/PNG/red_button08.png
diff --git a/ui/assets/UIpack/PNG/red_button09.png b/ui/assets/UIpack/PNG/red_button09.png
diff --git a/ui/assets/UIpack/PNG/red_button10.png b/ui/assets/UIpack/PNG/red_button10.png
diff --git a/ui/assets/UIpack/PNG/red_button11.png b/ui/assets/UIpack/PNG/red_button11.png
diff --git a/ui/assets/UIpack/PNG/red_button12.png b/ui/assets/UIpack/PNG/red_button12.png
diff --git a/ui/assets/UIpack/PNG/red_button13.png b/ui/assets/UIpack/PNG/red_button13.png
diff --git a/ui/assets/UIpack/PNG/red_checkmark.png b/ui/assets/UIpack/PNG/red_checkmark.png
diff --git a/ui/assets/UIpack/PNG/red_circle.png b/ui/assets/UIpack/PNG/red_circle.png
diff --git a/ui/assets/UIpack/PNG/red_cross.png b/ui/assets/UIpack/PNG/red_cross.png
diff --git a/ui/assets/UIpack/PNG/red_panel.png b/ui/assets/UIpack/PNG/red_panel.png
diff --git a/ui/assets/UIpack/PNG/red_sliderDown.png b/ui/assets/UIpack/PNG/red_sliderDown.png
diff --git a/ui/assets/UIpack/PNG/red_sliderLeft.png b/ui/assets/UIpack/PNG/red_sliderLeft.png
diff --git a/ui/assets/UIpack/PNG/red_sliderRight.png b/ui/assets/UIpack/PNG/red_sliderRight.png
diff --git a/ui/assets/UIpack/PNG/red_sliderUp.png b/ui/assets/UIpack/PNG/red_sliderUp.png
diff --git a/ui/assets/UIpack/PNG/red_tick.png b/ui/assets/UIpack/PNG/red_tick.png
diff --git a/ui/assets/UIpack/PNG/yellow_boxCheckmark.png b/ui/assets/UIpack/PNG/yellow_boxCheckmark.png
diff --git a/ui/assets/UIpack/PNG/yellow_boxCross.png b/ui/assets/UIpack/PNG/yellow_boxCross.png
diff --git a/ui/assets/UIpack/PNG/yellow_boxTick.png b/ui/assets/UIpack/PNG/yellow_boxTick.png
diff --git a/ui/assets/UIpack/PNG/yellow_button00.png b/ui/assets/UIpack/PNG/yellow_button00.png
diff --git a/ui/assets/UIpack/PNG/yellow_button01.png b/ui/assets/UIpack/PNG/yellow_button01.png
diff --git a/ui/assets/UIpack/PNG/yellow_button02.png b/ui/assets/UIpack/PNG/yellow_button02.png
diff --git a/ui/assets/UIpack/PNG/yellow_button03.png b/ui/assets/UIpack/PNG/yellow_button03.png
diff --git a/ui/assets/UIpack/PNG/yellow_button04.png b/ui/assets/UIpack/PNG/yellow_button04.png
diff --git a/ui/assets/UIpack/PNG/yellow_button05.png b/ui/assets/UIpack/PNG/yellow_button05.png
diff --git a/ui/assets/UIpack/PNG/yellow_button06.png b/ui/assets/UIpack/PNG/yellow_button06.png
diff --git a/ui/assets/UIpack/PNG/yellow_button07.png b/ui/assets/UIpack/PNG/yellow_button07.png
diff --git a/ui/assets/UIpack/PNG/yellow_button08.png b/ui/assets/UIpack/PNG/yellow_button08.png
diff --git a/ui/assets/UIpack/PNG/yellow_button09.png b/ui/assets/UIpack/PNG/yellow_button09.png
diff --git a/ui/assets/UIpack/PNG/yellow_button10.png b/ui/assets/UIpack/PNG/yellow_button10.png
diff --git a/ui/assets/UIpack/PNG/yellow_button11.png b/ui/assets/UIpack/PNG/yellow_button11.png
diff --git a/ui/assets/UIpack/PNG/yellow_button12.png b/ui/assets/UIpack/PNG/yellow_button12.png
diff --git a/ui/assets/UIpack/PNG/yellow_button13.png b/ui/assets/UIpack/PNG/yellow_button13.png
diff --git a/ui/assets/UIpack/PNG/yellow_checkmark.png b/ui/assets/UIpack/PNG/yellow_checkmark.png
diff --git a/ui/assets/UIpack/PNG/yellow_circle.png b/ui/assets/UIpack/PNG/yellow_circle.png
diff --git a/ui/assets/UIpack/PNG/yellow_cross.png b/ui/assets/UIpack/PNG/yellow_cross.png
diff --git a/ui/assets/UIpack/PNG/yellow_panel.png b/ui/assets/UIpack/PNG/yellow_panel.png
diff --git a/ui/assets/UIpack/PNG/yellow_sliderDown.png b/ui/assets/UIpack/PNG/yellow_sliderDown.png
diff --git a/ui/assets/UIpack/PNG/yellow_sliderLeft.png b/ui/assets/UIpack/PNG/yellow_sliderLeft.png
diff --git a/ui/assets/UIpack/PNG/yellow_sliderRight.png b/ui/assets/UIpack/PNG/yellow_sliderRight.png
diff --git a/ui/assets/UIpack/PNG/yellow_sliderUp.png b/ui/assets/UIpack/PNG/yellow_sliderUp.png
diff --git a/ui/assets/UIpack/PNG/yellow_tick.png b/ui/assets/UIpack/PNG/yellow_tick.png
diff --git a/ui/assets/UIpack/Spritesheet/blueSheet.png b/ui/assets/UIpack/Spritesheet/blueSheet.png
diff --git a/ui/assets/UIpack/Spritesheet/blueSheet.xml b/ui/assets/UIpack/Spritesheet/blueSheet.xml
@@ -0,0 +1,28 @@
+<TextureAtlas imagePath="sheet.png">
+	<SubTexture name="blue_boxCheckmark.png" x="380" y="36" width="38" height="36"/>
+	<SubTexture name="blue_boxCross.png" x="380" y="0" width="38" height="36"/>
+	<SubTexture name="blue_boxTick.png" x="386" y="210" width="36" height="36"/>
+	<SubTexture name="blue_button00.png" x="0" y="94" width="190" height="49"/>
+	<SubTexture name="blue_button01.png" x="190" y="49" width="190" height="45"/>
+	<SubTexture name="blue_button02.png" x="190" y="0" width="190" height="49"/>
+	<SubTexture name="blue_button03.png" x="0" y="49" width="190" height="45"/>
+	<SubTexture name="blue_button04.png" x="0" y="0" width="190" height="49"/>
+	<SubTexture name="blue_button05.png" x="0" y="192" width="190" height="45"/>
+	<SubTexture name="blue_button06.png" x="288" y="194" width="49" height="49"/>
+	<SubTexture name="blue_button07.png" x="239" y="194" width="49" height="49"/>
+	<SubTexture name="blue_button08.png" x="190" y="194" width="49" height="45"/>
+	<SubTexture name="blue_button09.png" x="339" y="94" width="49" height="49"/>
+	<SubTexture name="blue_button10.png" x="290" y="94" width="49" height="45"/>
+	<SubTexture name="blue_button11.png" x="337" y="184" width="49" height="49"/>
+	<SubTexture name="blue_button12.png" x="290" y="139" width="49" height="45"/>
+	<SubTexture name="blue_button13.png" x="0" y="143" width="190" height="49"/>
+	<SubTexture name="blue_checkmark.png" x="337" y="233" width="21" height="20"/>
+	<SubTexture name="blue_circle.png" x="386" y="174" width="36" height="36"/>
+	<SubTexture name="blue_cross.png" x="0" y="237" width="18" height="18"/>
+	<SubTexture name="blue_panel.png" x="190" y="94" width="100" height="100"/>
+	<SubTexture name="blue_sliderDown.png" x="416" y="72" width="28" height="42"/>
+	<SubTexture name="blue_sliderLeft.png" x="339" y="143" width="39" height="31"/>
+	<SubTexture name="blue_sliderRight.png" x="378" y="143" width="39" height="31"/>
+	<SubTexture name="blue_sliderUp.png" x="388" y="72" width="28" height="42"/>
+	<SubTexture name="blue_tick.png" x="18" y="239" width="17" height="17"/>
+</TextureAtlas>
diff --git a/ui/assets/UIpack/Spritesheet/greenSheet.png b/ui/assets/UIpack/Spritesheet/greenSheet.png
diff --git a/ui/assets/UIpack/Spritesheet/greenSheet.xml b/ui/assets/UIpack/Spritesheet/greenSheet.xml
@@ -0,0 +1,28 @@
+<TextureAtlas imagePath="sheet.png">
+	<SubTexture name="green_boxCheckmark.png" x="380" y="0" width="38" height="36"/>
+	<SubTexture name="green_boxCross.png" x="380" y="36" width="38" height="36"/>
+	<SubTexture name="green_boxTick.png" x="386" y="210" width="36" height="36"/>
+	<SubTexture name="green_button00.png" x="0" y="0" width="190" height="49"/>
+	<SubTexture name="green_button01.png" x="0" y="49" width="190" height="45"/>
+	<SubTexture name="green_button02.png" x="0" y="94" width="190" height="49"/>
+	<SubTexture name="green_button03.png" x="0" y="192" width="190" height="45"/>
+	<SubTexture name="green_button04.png" x="190" y="0" width="190" height="49"/>
+	<SubTexture name="green_button05.png" x="190" y="49" width="190" height="45"/>
+	<SubTexture name="green_button06.png" x="337" y="184" width="49" height="49"/>
+	<SubTexture name="green_button07.png" x="339" y="94" width="49" height="49"/>
+	<SubTexture name="green_button08.png" x="290" y="139" width="49" height="45"/>
+	<SubTexture name="green_button09.png" x="190" y="194" width="49" height="49"/>
+	<SubTexture name="green_button10.png" x="290" y="94" width="49" height="45"/>
+	<SubTexture name="green_button11.png" x="288" y="194" width="49" height="49"/>
+	<SubTexture name="green_button12.png" x="239" y="194" width="49" height="45"/>
+	<SubTexture name="green_button13.png" x="0" y="143" width="190" height="49"/>
+	<SubTexture name="green_checkmark.png" x="337" y="233" width="21" height="20"/>
+	<SubTexture name="green_circle.png" x="386" y="174" width="36" height="36"/>
+	<SubTexture name="green_cross.png" x="0" y="237" width="18" height="18"/>
+	<SubTexture name="green_panel.png" x="190" y="94" width="100" height="100"/>
+	<SubTexture name="green_sliderDown.png" x="388" y="72" width="28" height="42"/>
+	<SubTexture name="green_sliderLeft.png" x="378" y="143" width="39" height="31"/>
+	<SubTexture name="green_sliderRight.png" x="339" y="143" width="39" height="31"/>
+	<SubTexture name="green_sliderUp.png" x="416" y="72" width="28" height="42"/>
+	<SubTexture name="green_tick.png" x="18" y="237" width="17" height="17"/>
+</TextureAtlas>
diff --git a/ui/assets/UIpack/Spritesheet/greySheet.png b/ui/assets/UIpack/Spritesheet/greySheet.png
diff --git a/ui/assets/UIpack/Spritesheet/greySheet.xml b/ui/assets/UIpack/Spritesheet/greySheet.xml
@@ -0,0 +1,41 @@
+<TextureAtlas imagePath="sheet.png">
+	<SubTexture name="grey_arrowDownGrey.png" x="78" y="498" width="15" height="10"/>
+	<SubTexture name="grey_arrowDownWhite.png" x="123" y="496" width="15" height="10"/>
+	<SubTexture name="grey_arrowUpGrey.png" x="108" y="498" width="15" height="10"/>
+	<SubTexture name="grey_arrowUpWhite.png" x="93" y="498" width="15" height="10"/>
+	<SubTexture name="grey_box.png" x="147" y="433" width="38" height="36"/>
+	<SubTexture name="grey_boxCheckmark.png" x="147" y="469" width="38" height="36"/>
+	<SubTexture name="grey_boxCross.png" x="185" y="433" width="38" height="36"/>
+	<SubTexture name="grey_boxTick.png" x="190" y="198" width="36" height="36"/>
+	<SubTexture name="grey_button00.png" x="0" y="143" width="190" height="45"/>
+	<SubTexture name="grey_button01.png" x="0" y="188" width="190" height="49"/>
+	<SubTexture name="grey_button02.png" x="0" y="98" width="190" height="45"/>
+	<SubTexture name="grey_button03.png" x="0" y="331" width="190" height="49"/>
+	<SubTexture name="grey_button04.png" x="0" y="286" width="190" height="45"/>
+	<SubTexture name="grey_button05.png" x="0" y="0" width="195" height="49"/>
+	<SubTexture name="grey_button06.png" x="0" y="49" width="191" height="49"/>
+	<SubTexture name="grey_button07.png" x="195" y="0" width="49" height="49"/>
+	<SubTexture name="grey_button08.png" x="240" y="49" width="49" height="49"/>
+	<SubTexture name="grey_button09.png" x="98" y="433" width="49" height="45"/>
+	<SubTexture name="grey_button10.png" x="191" y="49" width="49" height="49"/>
+	<SubTexture name="grey_button11.png" x="0" y="433" width="49" height="45"/>
+	<SubTexture name="grey_button12.png" x="244" y="0" width="49" height="49"/>
+	<SubTexture name="grey_button13.png" x="49" y="433" width="49" height="45"/>
+	<SubTexture name="grey_button14.png" x="0" y="384" width="190" height="49"/>
+	<SubTexture name="grey_button15.png" x="0" y="237" width="190" height="49"/>
+	<SubTexture name="grey_checkmarkGrey.png" x="99" y="478" width="21" height="20"/>
+	<SubTexture name="grey_checkmarkWhite.png" x="78" y="478" width="21" height="20"/>
+	<SubTexture name="grey_circle.png" x="185" y="469" width="36" height="36"/>
+	<SubTexture name="grey_crossGrey.png" x="120" y="478" width="18" height="18"/>
+	<SubTexture name="grey_crossWhite.png" x="190" y="318" width="18" height="18"/>
+	<SubTexture name="grey_panel.png" x="190" y="98" width="100" height="100"/>
+	<SubTexture name="grey_sliderDown.png" x="190" y="234" width="28" height="42"/>
+	<SubTexture name="grey_sliderEnd.png" x="138" y="478" width="8" height="10"/>
+	<SubTexture name="grey_sliderHorizontal.png" x="0" y="380" width="190" height="4"/>
+	<SubTexture name="grey_sliderLeft.png" x="0" y="478" width="39" height="31"/>
+	<SubTexture name="grey_sliderRight.png" x="39" y="478" width="39" height="31"/>
+	<SubTexture name="grey_sliderUp.png" x="190" y="276" width="28" height="42"/>
+	<SubTexture name="grey_sliderVertical.png" x="208" y="318" width="4" height="100"/>
+	<SubTexture name="grey_tickGrey.png" x="190" y="336" width="17" height="17"/>
+	<SubTexture name="grey_tickWhite.png" x="190" y="353" width="17" height="17"/>
+</TextureAtlas>
diff --git a/ui/assets/UIpack/Spritesheet/redSheet.png b/ui/assets/UIpack/Spritesheet/redSheet.png
diff --git a/ui/assets/UIpack/Spritesheet/redSheet.xml b/ui/assets/UIpack/Spritesheet/redSheet.xml
@@ -0,0 +1,28 @@
+<TextureAtlas imagePath="sheet.png">
+	<SubTexture name="red_boxCheckmark.png" x="380" y="0" width="38" height="36"/>
+	<SubTexture name="red_boxCross.png" x="380" y="36" width="38" height="36"/>
+	<SubTexture name="red_boxTick.png" x="386" y="178" width="36" height="36"/>
+	<SubTexture name="red_button00.png" x="0" y="0" width="190" height="45"/>
+	<SubTexture name="red_button01.png" x="0" y="45" width="190" height="49"/>
+	<SubTexture name="red_button02.png" x="0" y="94" width="190" height="45"/>
+	<SubTexture name="red_button03.png" x="337" y="188" width="49" height="49"/>
+	<SubTexture name="red_button04.png" x="339" y="98" width="49" height="49"/>
+	<SubTexture name="red_button05.png" x="290" y="98" width="49" height="45"/>
+	<SubTexture name="red_button06.png" x="288" y="198" width="49" height="49"/>
+	<SubTexture name="red_button07.png" x="290" y="143" width="49" height="45"/>
+	<SubTexture name="red_button08.png" x="239" y="198" width="49" height="49"/>
+	<SubTexture name="red_button09.png" x="190" y="198" width="49" height="45"/>
+	<SubTexture name="red_button10.png" x="190" y="49" width="190" height="49"/>
+	<SubTexture name="red_button11.png" x="190" y="0" width="190" height="49"/>
+	<SubTexture name="red_button12.png" x="0" y="188" width="190" height="45"/>
+	<SubTexture name="red_button13.png" x="0" y="139" width="190" height="49"/>
+	<SubTexture name="red_checkmark.png" x="0" y="233" width="21" height="20"/>
+	<SubTexture name="red_circle.png" x="386" y="214" width="36" height="36"/>
+	<SubTexture name="red_cross.png" x="21" y="233" width="18" height="18"/>
+	<SubTexture name="red_panel.png" x="190" y="98" width="100" height="100"/>
+	<SubTexture name="red_sliderDown.png" x="388" y="72" width="28" height="42"/>
+	<SubTexture name="red_sliderLeft.png" x="339" y="147" width="39" height="31"/>
+	<SubTexture name="red_sliderRight.png" x="378" y="147" width="39" height="31"/>
+	<SubTexture name="red_sliderUp.png" x="416" y="72" width="28" height="42"/>
+	<SubTexture name="red_tick.png" x="39" y="233" width="17" height="17"/>
+</TextureAtlas>
diff --git a/ui/assets/UIpack/Spritesheet/yellowSheet.png b/ui/assets/UIpack/Spritesheet/yellowSheet.png
diff --git a/ui/assets/UIpack/Spritesheet/yellowSheet.xml b/ui/assets/UIpack/Spritesheet/yellowSheet.xml
@@ -0,0 +1,28 @@
+<TextureAtlas imagePath="sheet.png">
+	<SubTexture name="yellow_boxCheckmark.png" x="380" y="36" width="38" height="36"/>
+	<SubTexture name="yellow_boxCross.png" x="380" y="0" width="38" height="36"/>
+	<SubTexture name="yellow_boxTick.png" x="386" y="174" width="36" height="36"/>
+	<SubTexture name="yellow_button00.png" x="190" y="45" width="190" height="49"/>
+	<SubTexture name="yellow_button01.png" x="190" y="0" width="190" height="45"/>
+	<SubTexture name="yellow_button02.png" x="0" y="188" width="190" height="49"/>
+	<SubTexture name="yellow_button03.png" x="0" y="49" width="190" height="45"/>
+	<SubTexture name="yellow_button04.png" x="0" y="139" width="190" height="49"/>
+	<SubTexture name="yellow_button05.png" x="0" y="94" width="190" height="45"/>
+	<SubTexture name="yellow_button06.png" x="190" y="194" width="49" height="49"/>
+	<SubTexture name="yellow_button07.png" x="239" y="194" width="49" height="49"/>
+	<SubTexture name="yellow_button08.png" x="290" y="143" width="49" height="45"/>
+	<SubTexture name="yellow_button09.png" x="290" y="94" width="49" height="49"/>
+	<SubTexture name="yellow_button10.png" x="337" y="188" width="49" height="45"/>
+	<SubTexture name="yellow_button11.png" x="339" y="94" width="49" height="49"/>
+	<SubTexture name="yellow_button12.png" x="288" y="194" width="49" height="45"/>
+	<SubTexture name="yellow_button13.png" x="0" y="0" width="190" height="49"/>
+	<SubTexture name="yellow_checkmark.png" x="337" y="233" width="21" height="20"/>
+	<SubTexture name="yellow_circle.png" x="386" y="210" width="36" height="36"/>
+	<SubTexture name="yellow_cross.png" x="0" y="237" width="18" height="18"/>
+	<SubTexture name="yellow_panel.png" x="190" y="94" width="100" height="100"/>
+	<SubTexture name="yellow_sliderDown.png" x="388" y="72" width="28" height="42"/>
+	<SubTexture name="yellow_sliderLeft.png" x="339" y="143" width="39" height="31"/>
+	<SubTexture name="yellow_sliderRight.png" x="378" y="143" width="39" height="31"/>
+	<SubTexture name="yellow_sliderUp.png" x="416" y="72" width="28" height="42"/>
+	<SubTexture name="yellow_tick.png" x="18" y="237" width="17" height="17"/>
+</TextureAtlas>