From f9a29b447998eff767812613d6ec34e94a6d0813 Mon Sep 17 00:00:00 2001
From: chiyu1468 <chiyu1468@hotmail.com>
Date: Wed, 26 Oct 2022 20:33:02 +0800
Subject: [PATCH] Step_2 (Save Version)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

順利轉動，可透過spin按鈕開始跟停下。
---
 assets/Scene/catSlot.fire         | 1479 ++++++++++++++++-------------
 assets/Script/columnControl.ts    |  109 ++-
 assets/Script/engineerFunction.ts |   75 +-
 assets/Script/gameModule.ts       |  100 +-
 4 files changed, 1048 insertions(+), 715 deletions(-)

diff --git a/assets/Scene/catSlot.fire b/assets/Scene/catSlot.fire
index 24a297a..10b3634 100644
--- a/assets/Scene/catSlot.fire
+++ b/assets/Scene/catSlot.fire
@@ -17,7 +17,7 @@
         "__id__": 2
       }
     ],
-    "_active": true,
+    "_active": false,
     "_components": [],
     "_prefab": null,
     "_opacity": 255,
@@ -72,40 +72,40 @@
         "__id__": 3
       },
       {
-        "__id__": 29
+        "__id__": 45
       },
       {
-        "__id__": 68
+        "__id__": 72
       },
       {
-        "__id__": 70
+        "__id__": 74
       },
       {
-        "__id__": 73
+        "__id__": 77
       },
       {
-        "__id__": 39
+        "__id__": 54
       },
       {
-        "__id__": 86
+        "__id__": 90
       },
       {
-        "__id__": 36
+        "__id__": 52
       },
       {
-        "__id__": 34
+        "__id__": 50
       },
       {
-        "__id__": 32
+        "__id__": 48
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 105
+        "__id__": 109
       },
       {
-        "__id__": 106
+        "__id__": 110
       }
     ],
     "_prefab": null,
@@ -172,12 +172,18 @@
       },
       {
         "__id__": 20
+      },
+      {
+        "__id__": 28
+      },
+      {
+        "__id__": 36
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 28
+        "__id__": 44
       }
     ],
     "_prefab": null,
@@ -440,8 +446,8 @@
     ],
     "_srcBlendFactor": 770,
     "_dstBlendFactor": 771,
-    "_string": "Unit Test 1",
-    "_N$string": "Unit Test 1",
+    "_string": "UT1",
+    "_N$string": "UT1",
     "_fontSize": 20,
     "_lineHeight": 40,
     "_enableWrapText": false,
@@ -825,8 +831,8 @@
     ],
     "_srcBlendFactor": 770,
     "_dstBlendFactor": 771,
-    "_string": "Column Switch",
-    "_N$string": "Column Switch",
+    "_string": "Column1 OFF",
+    "_N$string": "Column1 OFF",
     "_fontSize": 20,
     "_lineHeight": 40,
     "_enableWrapText": false,
@@ -1210,8 +1216,8 @@
     ],
     "_srcBlendFactor": 770,
     "_dstBlendFactor": 771,
-    "_string": "Unit Test 3",
-    "_N$string": "Unit Test 3",
+    "_string": "Column1 Change",
+    "_N$string": "Column1 Change",
     "_fontSize": 20,
     "_lineHeight": 40,
     "_enableWrapText": false,
@@ -1383,34 +1389,22 @@
     "handler": "unitTest3",
     "customEventData": ""
   },
-  {
-    "__type__": "1edd7n0LUBGnLjt0REtLUFZ",
-    "_name": "",
-    "_objFlags": 0,
-    "node": {
-      "__id__": 3
-    },
-    "_enabled": true,
-    "gameModule": {
-      "__id__": 29
-    },
-    "columnControl": {
-      "__id__": 37
-    },
-    "_id": "99SFs6+AdA2Lb2lKWDJqV6"
-  },
   {
     "__type__": "cc.Node",
-    "_name": "gameModule",
+    "_name": "UT4",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 2
+      "__id__": 3
     },
-    "_children": [],
+    "_children": [
+      {
+        "__id__": 29
+      }
+    ],
     "_active": true,
     "_components": [
       {
-        "__id__": 30
+        "__id__": 34
       }
     ],
     "_prefab": null,
@@ -1424,8 +1418,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 0,
-      "height": 0
+      "width": 100,
+      "height": 40
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -1436,7 +1430,7 @@
       "__type__": "TypedArray",
       "ctor": "Float64Array",
       "array": [
-        0,
+        364.742,
         0,
         0,
         0,
@@ -1459,83 +1453,27 @@
     "_is3DNode": false,
     "_groupIndex": 0,
     "groupIndex": 0,
-    "_id": "04eQrw4xZCq4bsxTwS13bW"
-  },
-  {
-    "__type__": "1bc61/a9X9MN5/EwQIdMfv2",
-    "_name": "",
-    "_objFlags": 0,
-    "node": {
-      "__id__": 29
-    },
-    "_enabled": true,
-    "columnCount": 5,
-    "itemSize": 240,
-    "betString": {
-      "__id__": 31
-    },
-    "bigFrameString": {
-      "__id__": 33
-    },
-    "balanceString": {
-      "__id__": 35
-    },
-    "column": {
-      "__id__": 37
-    },
-    "columnPrefab": {
-      "__uuid__": "6893d156-7164-405e-9d78-612b1b0f4b03"
-    },
-    "slotBoard": {
-      "__id__": 38
-    },
-    "_id": "71e+XuWaxCKbeSrfqcYX9v"
+    "_id": "97g+hB/mhOaYxPHrIhqh79"
   },
   {
-    "__type__": "cc.Label",
-    "_name": "",
-    "_objFlags": 0,
-    "node": {
-      "__id__": 32
+    "__type__": "cc.Node",
+    "_name": "Background",
+    "_objFlags": 512,
+    "_parent": {
+      "__id__": 28
     },
-    "_enabled": true,
-    "_materials": [
+    "_children": [
       {
-        "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
+        "__id__": 30
       }
     ],
-    "_srcBlendFactor": 770,
-    "_dstBlendFactor": 771,
-    "_string": "50",
-    "_N$string": "50",
-    "_fontSize": 40,
-    "_lineHeight": 60,
-    "_enableWrapText": true,
-    "_N$file": null,
-    "_isSystemFontUsed": true,
-    "_spacingX": 0,
-    "_batchAsBitmap": false,
-    "_styleFlags": 0,
-    "_underlineHeight": 0,
-    "_N$horizontalAlign": 1,
-    "_N$verticalAlign": 1,
-    "_N$fontFamily": "Arial",
-    "_N$overflow": 0,
-    "_N$cacheMode": 0,
-    "_id": "afuJhjoH1Eh6FEa0rCx8af"
-  },
-  {
-    "__type__": "cc.Node",
-    "_name": "betString",
-    "_objFlags": 0,
-    "_parent": {
-      "__id__": 2
-    },
-    "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 31
+        "__id__": 32
+      },
+      {
+        "__id__": 33
       }
     ],
     "_prefab": null,
@@ -1549,8 +1487,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 44.49,
-      "height": 75.6
+      "width": 100,
+      "height": 40
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -1561,8 +1499,8 @@
       "__type__": "TypedArray",
       "ctor": "Float64Array",
       "array": [
-        243.669,
-        -470.569,
+        0,
+        0,
         0,
         0,
         0,
@@ -1584,68 +1522,35 @@
     "_is3DNode": false,
     "_groupIndex": 0,
     "groupIndex": 0,
-    "_id": "81TjvLucVFSrarcYpx98xu"
-  },
-  {
-    "__type__": "cc.Label",
-    "_name": "",
-    "_objFlags": 0,
-    "node": {
-      "__id__": 34
-    },
-    "_enabled": true,
-    "_materials": [
-      {
-        "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
-      }
-    ],
-    "_srcBlendFactor": 770,
-    "_dstBlendFactor": 771,
-    "_string": "Hello, World!",
-    "_N$string": "Hello, World!",
-    "_fontSize": 60,
-    "_lineHeight": 60,
-    "_enableWrapText": true,
-    "_N$file": null,
-    "_isSystemFontUsed": true,
-    "_spacingX": 0,
-    "_batchAsBitmap": false,
-    "_styleFlags": 0,
-    "_underlineHeight": 0,
-    "_N$horizontalAlign": 1,
-    "_N$verticalAlign": 1,
-    "_N$fontFamily": "Arial",
-    "_N$overflow": 0,
-    "_N$cacheMode": 0,
-    "_id": "719uHPK5pGBo+M/aTl/JnL"
+    "_id": "bech3yuKxCMI3gZJfE2D6Z"
   },
   {
     "__type__": "cc.Node",
-    "_name": "bigFrameString",
-    "_objFlags": 0,
+    "_name": "Label",
+    "_objFlags": 512,
     "_parent": {
-      "__id__": 2
+      "__id__": 29
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 33
+        "__id__": 31
       }
     ],
     "_prefab": null,
     "_opacity": 255,
     "_color": {
       "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
+      "r": 0,
+      "g": 0,
+      "b": 0,
       "a": 255
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 342.33,
-      "height": 75.6
+      "width": 100,
+      "height": 40
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -1656,8 +1561,8 @@
       "__type__": "TypedArray",
       "ctor": "Float64Array",
       "array": [
-        -13.652,
-        -380.167,
+        0,
+        0,
         0,
         0,
         0,
@@ -1679,14 +1584,14 @@
     "_is3DNode": false,
     "_groupIndex": 0,
     "groupIndex": 0,
-    "_id": "31f1bH7V69Ajr1iXhluMpTB"
+    "_id": "38PpZgotlDJYrwkq62f1Oz"
   },
   {
     "__type__": "cc.Label",
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 36
+      "__id__": 30
     },
     "_enabled": true,
     "_materials": [
@@ -1696,11 +1601,11 @@
     ],
     "_srcBlendFactor": 770,
     "_dstBlendFactor": 771,
-    "_string": "777",
-    "_N$string": "777",
-    "_fontSize": 40,
-    "_lineHeight": 60,
-    "_enableWrapText": true,
+    "_string": "UT4",
+    "_N$string": "UT4",
+    "_fontSize": 20,
+    "_lineHeight": 40,
+    "_enableWrapText": false,
     "_N$file": null,
     "_isSystemFontUsed": true,
     "_spacingX": 0,
@@ -1710,102 +1615,184 @@
     "_N$horizontalAlign": 1,
     "_N$verticalAlign": 1,
     "_N$fontFamily": "Arial",
-    "_N$overflow": 0,
-    "_N$cacheMode": 0,
-    "_id": "b8W6GVwblOOpOruzqQEbzM"
+    "_N$overflow": 1,
+    "_N$cacheMode": 1,
+    "_id": "f0gysXc69HF7/H6VipU3uz"
   },
   {
-    "__type__": "cc.Node",
-    "_name": "balanceString",
+    "__type__": "cc.Sprite",
+    "_name": "",
     "_objFlags": 0,
-    "_parent": {
-      "__id__": 2
+    "node": {
+      "__id__": 29
     },
-    "_children": [],
-    "_active": true,
-    "_components": [
+    "_enabled": true,
+    "_materials": [
       {
-        "__id__": 35
+        "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
       }
     ],
-    "_prefab": null,
-    "_opacity": 255,
-    "_color": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 255
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 66.74,
-      "height": 75.6
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "f0048c10-f03e-4c97-b9d3-3506e1d58952"
     },
-    "_anchorPoint": {
+    "_type": 1,
+    "_sizeMode": 0,
+    "_fillType": 0,
+    "_fillCenter": {
       "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
+      "x": 0,
+      "y": 0
     },
-    "_trs": {
-      "__type__": "TypedArray",
-      "ctor": "Float64Array",
-      "array": [
-        -246.606,
-        -470.569,
-        0,
-        0,
-        0,
-        0,
-        1,
-        1,
-        1,
-        1
-      ]
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_atlas": null,
+    "_id": "93rBluNo1KW5EplFGDGqy+"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 29
     },
-    "_eulerAngles": {
-      "__type__": "cc.Vec3",
-      "x": 0,
-      "y": 0,
-      "z": 0
+    "_enabled": true,
+    "alignMode": 0,
+    "_target": null,
+    "_alignFlags": 45,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_verticalCenter": 0,
+    "_horizontalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 40,
+    "_id": "a2/XIDM9VFtJtzoHonmvIg"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 28
     },
-    "_skewX": 0,
-    "_skewY": 0,
-    "_is3DNode": false,
-    "_groupIndex": 0,
-    "groupIndex": 0,
-    "_id": "0fl7Si08hE3Y+XJ4kn+5Xa"
+    "_enabled": true,
+    "_normalMaterial": null,
+    "_grayMaterial": null,
+    "duration": 0.1,
+    "zoomScale": 1.2,
+    "clickEvents": [
+      {
+        "__id__": 35
+      }
+    ],
+    "_N$interactable": true,
+    "_N$enableAutoGrayEffect": false,
+    "_N$transition": 2,
+    "transition": 2,
+    "_N$normalColor": {
+      "__type__": "cc.Color",
+      "r": 230,
+      "g": 230,
+      "b": 230,
+      "a": 255
+    },
+    "_N$pressedColor": {
+      "__type__": "cc.Color",
+      "r": 200,
+      "g": 200,
+      "b": 200,
+      "a": 255
+    },
+    "pressedColor": {
+      "__type__": "cc.Color",
+      "r": 200,
+      "g": 200,
+      "b": 200,
+      "a": 255
+    },
+    "_N$hoverColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "hoverColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_N$disabledColor": {
+      "__type__": "cc.Color",
+      "r": 120,
+      "g": 120,
+      "b": 120,
+      "a": 200
+    },
+    "_N$normalSprite": {
+      "__uuid__": "f0048c10-f03e-4c97-b9d3-3506e1d58952"
+    },
+    "_N$pressedSprite": {
+      "__uuid__": "e9ec654c-97a2-4787-9325-e6a10375219a"
+    },
+    "pressedSprite": {
+      "__uuid__": "e9ec654c-97a2-4787-9325-e6a10375219a"
+    },
+    "_N$hoverSprite": {
+      "__uuid__": "f0048c10-f03e-4c97-b9d3-3506e1d58952"
+    },
+    "hoverSprite": {
+      "__uuid__": "f0048c10-f03e-4c97-b9d3-3506e1d58952"
+    },
+    "_N$disabledSprite": {
+      "__uuid__": "29158224-f8dd-4661-a796-1ffab537140e"
+    },
+    "_N$target": {
+      "__id__": 29
+    },
+    "_id": "52gIeYkE5OEaY4Tts0RPj6"
+  },
+  {
+    "__type__": "cc.ClickEvent",
+    "target": {
+      "__id__": 3
+    },
+    "component": "",
+    "_componentId": "1edd7n0LUBGnLjt0REtLUFZ",
+    "handler": "test4",
+    "customEventData": ""
   },
   {
     "__type__": "cc.Node",
-    "_name": "Column",
+    "_name": "UT5",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 38
+      "__id__": 3
     },
     "_children": [
       {
-        "__id__": 54
-      },
-      {
-        "__id__": 57
-      },
-      {
-        "__id__": 60
-      },
-      {
-        "__id__": 63
+        "__id__": 37
       }
     ],
-    "_active": false,
+    "_active": true,
     "_components": [
       {
-        "__id__": 66
+        "__id__": 42
       }
     ],
-    "_prefab": {
-      "__id__": 67
-    },
+    "_prefab": null,
     "_opacity": 255,
     "_color": {
       "__type__": "cc.Color",
@@ -1816,8 +1803,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 240,
-      "height": 720
+      "width": 100,
+      "height": 40
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -1828,7 +1815,7 @@
       "__type__": "TypedArray",
       "ctor": "Float64Array",
       "array": [
-        -517,
+        576.062,
         0,
         0,
         0,
@@ -1851,30 +1838,27 @@
     "_is3DNode": false,
     "_groupIndex": 0,
     "groupIndex": 0,
-    "_id": "61O0ooVppO6bZ/ePJrPgU8"
+    "_id": "a3m+a0/8ND7ZBOMHNz+gaX"
   },
   {
     "__type__": "cc.Node",
-    "_name": "slotBoard",
-    "_objFlags": 0,
+    "_name": "Background",
+    "_objFlags": 512,
     "_parent": {
-      "__id__": 39
+      "__id__": 36
     },
     "_children": [
       {
-        "__id__": 37
-      },
-      {
-        "__id__": 40
+        "__id__": 38
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 52
+        "__id__": 40
       },
       {
-        "__id__": 53
+        "__id__": 41
       }
     ],
     "_prefab": null,
@@ -1888,8 +1872,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 1440,
-      "height": 720
+      "width": 100,
+      "height": 40
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -1901,7 +1885,7 @@
       "ctor": "Float64Array",
       "array": [
         0,
-        -25,
+        0,
         0,
         0,
         0,
@@ -1923,35 +1907,35 @@
     "_is3DNode": false,
     "_groupIndex": 0,
     "groupIndex": 0,
-    "_id": "d2CaBtb4NEpZyQri6PS4m1"
+    "_id": "21EYGRx4xFfIWY9HCRwcu0"
   },
   {
     "__type__": "cc.Node",
-    "_name": "station",
-    "_objFlags": 0,
+    "_name": "Label",
+    "_objFlags": 512,
     "_parent": {
-      "__id__": 2
+      "__id__": 37
     },
-    "_children": [
+    "_children": [],
+    "_active": true,
+    "_components": [
       {
-        "__id__": 38
+        "__id__": 39
       }
     ],
-    "_active": true,
-    "_components": [],
     "_prefab": null,
     "_opacity": 255,
     "_color": {
       "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
+      "r": 0,
+      "g": 0,
+      "b": 0,
       "a": 255
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 1440,
-      "height": 910
+      "width": 100,
+      "height": 40
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -1963,7 +1947,7 @@
       "ctor": "Float64Array",
       "array": [
         0,
-        78.692,
+        0,
         0,
         0,
         0,
@@ -1985,98 +1969,224 @@
     "_is3DNode": false,
     "_groupIndex": 0,
     "groupIndex": 0,
-    "_id": "d5gb3vaH9BQqTHY52LLOHb"
+    "_id": "2bQ/dTreBFYakGDhpWtWcP"
   },
   {
-    "__type__": "cc.Node",
-    "_name": "4thColumn",
+    "__type__": "cc.Label",
+    "_name": "",
     "_objFlags": 0,
-    "_parent": {
+    "node": {
       "__id__": 38
     },
-    "_children": [
-      {
-        "__id__": 41
-      },
-      {
-        "__id__": 43
-      },
-      {
-        "__id__": 45
-      },
-      {
-        "__id__": 47
-      },
-      {
-        "__id__": 49
-      }
-    ],
-    "_active": true,
-    "_components": [
+    "_enabled": true,
+    "_materials": [
       {
-        "__id__": 51
+        "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
       }
     ],
-    "_prefab": null,
-    "_opacity": 255,
-    "_color": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 255
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_string": "Force Stop",
+    "_N$string": "Force Stop",
+    "_fontSize": 20,
+    "_lineHeight": 40,
+    "_enableWrapText": false,
+    "_N$file": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_batchAsBitmap": false,
+    "_styleFlags": 0,
+    "_underlineHeight": 0,
+    "_N$horizontalAlign": 1,
+    "_N$verticalAlign": 1,
+    "_N$fontFamily": "Arial",
+    "_N$overflow": 1,
+    "_N$cacheMode": 1,
+    "_id": "15SJcKiLxIzLSTLNB8p0Om"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 37
     },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 240,
-      "height": 1200
+    "_enabled": true,
+    "_materials": [
+      {
+        "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
+      }
+    ],
+    "_srcBlendFactor": 770,
+    "_dstBlendFactor": 771,
+    "_spriteFrame": {
+      "__uuid__": "f0048c10-f03e-4c97-b9d3-3506e1d58952"
     },
-    "_anchorPoint": {
+    "_type": 1,
+    "_sizeMode": 0,
+    "_fillType": 0,
+    "_fillCenter": {
       "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
+      "x": 0,
+      "y": 0
     },
-    "_trs": {
-      "__type__": "TypedArray",
-      "ctor": "Float64Array",
-      "array": [
-        -517,
-        0,
-        0,
-        0,
-        0,
-        0,
-        1,
-        1,
-        1,
-        1
-      ]
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_atlas": null,
+    "_id": "3btnfVuJ5As7A0hrSNVzTR"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 37
     },
-    "_eulerAngles": {
-      "__type__": "cc.Vec3",
-      "x": 0,
-      "y": 0,
-      "z": 0
+    "_enabled": true,
+    "alignMode": 0,
+    "_target": null,
+    "_alignFlags": 45,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_verticalCenter": 0,
+    "_horizontalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 40,
+    "_id": "1dDOOw8UtNP53q0ZsyOaxj"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 36
     },
-    "_skewX": 0,
-    "_skewY": 0,
-    "_is3DNode": false,
-    "_groupIndex": 0,
-    "groupIndex": 0,
-    "_id": "7c2LjxHhVIiaHuMGmFZA8n"
+    "_enabled": true,
+    "_normalMaterial": null,
+    "_grayMaterial": null,
+    "duration": 0.1,
+    "zoomScale": 1.2,
+    "clickEvents": [
+      {
+        "__id__": 43
+      }
+    ],
+    "_N$interactable": true,
+    "_N$enableAutoGrayEffect": false,
+    "_N$transition": 2,
+    "transition": 2,
+    "_N$normalColor": {
+      "__type__": "cc.Color",
+      "r": 230,
+      "g": 230,
+      "b": 230,
+      "a": 255
+    },
+    "_N$pressedColor": {
+      "__type__": "cc.Color",
+      "r": 200,
+      "g": 200,
+      "b": 200,
+      "a": 255
+    },
+    "pressedColor": {
+      "__type__": "cc.Color",
+      "r": 200,
+      "g": 200,
+      "b": 200,
+      "a": 255
+    },
+    "_N$hoverColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "hoverColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_N$disabledColor": {
+      "__type__": "cc.Color",
+      "r": 120,
+      "g": 120,
+      "b": 120,
+      "a": 200
+    },
+    "_N$normalSprite": {
+      "__uuid__": "f0048c10-f03e-4c97-b9d3-3506e1d58952"
+    },
+    "_N$pressedSprite": {
+      "__uuid__": "e9ec654c-97a2-4787-9325-e6a10375219a"
+    },
+    "pressedSprite": {
+      "__uuid__": "e9ec654c-97a2-4787-9325-e6a10375219a"
+    },
+    "_N$hoverSprite": {
+      "__uuid__": "f0048c10-f03e-4c97-b9d3-3506e1d58952"
+    },
+    "hoverSprite": {
+      "__uuid__": "f0048c10-f03e-4c97-b9d3-3506e1d58952"
+    },
+    "_N$disabledSprite": {
+      "__uuid__": "29158224-f8dd-4661-a796-1ffab537140e"
+    },
+    "_N$target": {
+      "__id__": 37
+    },
+    "_id": "a1eEDw7WROQq7sza0SrFyj"
+  },
+  {
+    "__type__": "cc.ClickEvent",
+    "target": {
+      "__id__": 3
+    },
+    "component": "",
+    "_componentId": "1edd7n0LUBGnLjt0REtLUFZ",
+    "handler": "test5",
+    "customEventData": ""
+  },
+  {
+    "__type__": "1edd7n0LUBGnLjt0REtLUFZ",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "gameModule": {
+      "__id__": 45
+    },
+    "columnControl": {
+      "__id__": 55
+    },
+    "_id": "99SFs6+AdA2Lb2lKWDJqV6"
   },
   {
     "__type__": "cc.Node",
-    "_name": "item_pos0",
+    "_name": "gameModule",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 40
+      "__id__": 2
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 42
+        "__id__": 46
       }
     ],
     "_prefab": null,
@@ -2090,8 +2200,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 240,
-      "height": 240
+      "width": 0,
+      "height": 0
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -2103,7 +2213,7 @@
       "ctor": "Float64Array",
       "array": [
         0,
-        480,
+        0,
         0,
         0,
         0,
@@ -2125,16 +2235,43 @@
     "_is3DNode": false,
     "_groupIndex": 0,
     "groupIndex": 0,
-    "_id": "94cp9JQPdLa6NKzj6NgFhp"
+    "_id": "04eQrw4xZCq4bsxTwS13bW"
   },
   {
-    "__type__": "cc.Sprite",
+    "__type__": "1bc61/a9X9MN5/EwQIdMfv2",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 45
+    },
+    "_enabled": true,
+    "columnCount": 5,
+    "itemSize": 240,
+    "betString": {
+      "__id__": 47
+    },
+    "bigFrameString": {
+      "__id__": 49
+    },
+    "balanceString": {
+      "__id__": 51
+    },
+    "columnPrefab": {
+      "__uuid__": "6893d156-7164-405e-9d78-612b1b0f4b03"
+    },
+    "slotBoard": {
+      "__id__": 53
+    },
+    "_id": "71e+XuWaxCKbeSrfqcYX9v"
+  },
+  {
+    "__type__": "cc.Label",
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 41
+      "__id__": 48
     },
-    "_enabled": false,
+    "_enabled": true,
     "_materials": [
       {
         "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
@@ -2142,35 +2279,36 @@
     ],
     "_srcBlendFactor": 770,
     "_dstBlendFactor": 771,
-    "_spriteFrame": {
-      "__uuid__": "8cdb44ac-a3f6-449f-b354-7cd48cf84061"
-    },
-    "_type": 0,
-    "_sizeMode": 0,
-    "_fillType": 0,
-    "_fillCenter": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_fillStart": 0,
-    "_fillRange": 0,
-    "_isTrimmedMode": true,
-    "_atlas": null,
-    "_id": "e9KqB63cFK94hv/lVXCgXL"
+    "_string": "50",
+    "_N$string": "50",
+    "_fontSize": 40,
+    "_lineHeight": 60,
+    "_enableWrapText": true,
+    "_N$file": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_batchAsBitmap": false,
+    "_styleFlags": 0,
+    "_underlineHeight": 0,
+    "_N$horizontalAlign": 1,
+    "_N$verticalAlign": 1,
+    "_N$fontFamily": "Arial",
+    "_N$overflow": 0,
+    "_N$cacheMode": 0,
+    "_id": "afuJhjoH1Eh6FEa0rCx8af"
   },
   {
     "__type__": "cc.Node",
-    "_name": "item_pos1",
+    "_name": "betString",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 40
+      "__id__": 2
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 44
+        "__id__": 47
       }
     ],
     "_prefab": null,
@@ -2184,8 +2322,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 240,
-      "height": 240
+      "width": 44.49,
+      "height": 75.6
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -2196,8 +2334,8 @@
       "__type__": "TypedArray",
       "ctor": "Float64Array",
       "array": [
-        0,
-        240,
+        243.669,
+        -470.569,
         0,
         0,
         0,
@@ -2219,14 +2357,14 @@
     "_is3DNode": false,
     "_groupIndex": 0,
     "groupIndex": 0,
-    "_id": "73euj/4ulLfYO9OAoJYTYy"
+    "_id": "81TjvLucVFSrarcYpx98xu"
   },
   {
-    "__type__": "cc.Sprite",
+    "__type__": "cc.Label",
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 43
+      "__id__": 50
     },
     "_enabled": true,
     "_materials": [
@@ -2236,35 +2374,36 @@
     ],
     "_srcBlendFactor": 770,
     "_dstBlendFactor": 771,
-    "_spriteFrame": {
-      "__uuid__": "b01e7d20-674f-4965-835e-379560d3dd8a"
-    },
-    "_type": 0,
-    "_sizeMode": 0,
-    "_fillType": 0,
-    "_fillCenter": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_fillStart": 0,
-    "_fillRange": 0,
-    "_isTrimmedMode": true,
-    "_atlas": null,
-    "_id": "10pEp9uulDwJR0I75dmzCc"
+    "_string": "Hello, World!",
+    "_N$string": "Hello, World!",
+    "_fontSize": 60,
+    "_lineHeight": 60,
+    "_enableWrapText": true,
+    "_N$file": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_batchAsBitmap": false,
+    "_styleFlags": 0,
+    "_underlineHeight": 0,
+    "_N$horizontalAlign": 1,
+    "_N$verticalAlign": 1,
+    "_N$fontFamily": "Arial",
+    "_N$overflow": 0,
+    "_N$cacheMode": 0,
+    "_id": "719uHPK5pGBo+M/aTl/JnL"
   },
   {
     "__type__": "cc.Node",
-    "_name": "item_pos2",
+    "_name": "bigFrameString",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 40
+      "__id__": 2
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 46
+        "__id__": 49
       }
     ],
     "_prefab": null,
@@ -2278,8 +2417,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 240,
-      "height": 240
+      "width": 342.33,
+      "height": 75.6
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -2290,8 +2429,8 @@
       "__type__": "TypedArray",
       "ctor": "Float64Array",
       "array": [
-        0,
-        0,
+        -13.652,
+        -380.167,
         0,
         0,
         0,
@@ -2313,14 +2452,14 @@
     "_is3DNode": false,
     "_groupIndex": 0,
     "groupIndex": 0,
-    "_id": "eb45EVDs5Fxpk+8HQY6BD/"
+    "_id": "31f1bH7V69Ajr1iXhluMpTB"
   },
   {
-    "__type__": "cc.Sprite",
+    "__type__": "cc.Label",
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 45
+      "__id__": 52
     },
     "_enabled": true,
     "_materials": [
@@ -2330,35 +2469,36 @@
     ],
     "_srcBlendFactor": 770,
     "_dstBlendFactor": 771,
-    "_spriteFrame": {
-      "__uuid__": "bf5eaea6-61ec-477d-bd45-ac58ae1450e1"
-    },
-    "_type": 0,
-    "_sizeMode": 0,
-    "_fillType": 0,
-    "_fillCenter": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_fillStart": 0,
-    "_fillRange": 0,
-    "_isTrimmedMode": true,
-    "_atlas": null,
-    "_id": "70Rfoc//lBCqOSxF6pt7QJ"
+    "_string": "777",
+    "_N$string": "777",
+    "_fontSize": 40,
+    "_lineHeight": 60,
+    "_enableWrapText": true,
+    "_N$file": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_batchAsBitmap": false,
+    "_styleFlags": 0,
+    "_underlineHeight": 0,
+    "_N$horizontalAlign": 1,
+    "_N$verticalAlign": 1,
+    "_N$fontFamily": "Arial",
+    "_N$overflow": 0,
+    "_N$cacheMode": 0,
+    "_id": "b8W6GVwblOOpOruzqQEbzM"
   },
   {
     "__type__": "cc.Node",
-    "_name": "item_pos3",
+    "_name": "balanceString",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 40
+      "__id__": 2
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 48
+        "__id__": 51
       }
     ],
     "_prefab": null,
@@ -2372,8 +2512,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 240,
-      "height": 240
+      "width": 66.74,
+      "height": 75.6
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -2384,8 +2524,8 @@
       "__type__": "TypedArray",
       "ctor": "Float64Array",
       "array": [
-        0,
-        -240,
+        -246.606,
+        -470.569,
         0,
         0,
         0,
@@ -2407,52 +2547,27 @@
     "_is3DNode": false,
     "_groupIndex": 0,
     "groupIndex": 0,
-    "_id": "4fryiwDS9LjaOlAg+3uz+B"
+    "_id": "0fl7Si08hE3Y+XJ4kn+5Xa"
   },
   {
-    "__type__": "cc.Sprite",
-    "_name": "",
+    "__type__": "cc.Node",
+    "_name": "slotBoard",
     "_objFlags": 0,
-    "node": {
-      "__id__": 47
+    "_parent": {
+      "__id__": 54
     },
-    "_enabled": true,
-    "_materials": [
+    "_children": [
       {
-        "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
+        "__id__": 55
       }
     ],
-    "_srcBlendFactor": 770,
-    "_dstBlendFactor": 771,
-    "_spriteFrame": {
-      "__uuid__": "8cdb44ac-a3f6-449f-b354-7cd48cf84061"
-    },
-    "_type": 0,
-    "_sizeMode": 0,
-    "_fillType": 0,
-    "_fillCenter": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_fillStart": 0,
-    "_fillRange": 0,
-    "_isTrimmedMode": true,
-    "_atlas": null,
-    "_id": "0fDKVUbO5Bt44CEXabbFjO"
-  },
-  {
-    "__type__": "cc.Node",
-    "_name": "item_pos4",
-    "_objFlags": 0,
-    "_parent": {
-      "__id__": 40
-    },
-    "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 50
+        "__id__": 70
+      },
+      {
+        "__id__": 71
       }
     ],
     "_prefab": null,
@@ -2466,8 +2581,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 240,
-      "height": 240
+      "width": 1440,
+      "height": 720
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -2479,7 +2594,7 @@
       "ctor": "Float64Array",
       "array": [
         0,
-        -480,
+        -25,
         0,
         0,
         0,
@@ -2501,140 +2616,163 @@
     "_is3DNode": false,
     "_groupIndex": 0,
     "groupIndex": 0,
-    "_id": "d6gfmNk/1AGI/b27xJ34te"
+    "_id": "d2CaBtb4NEpZyQri6PS4m1"
   },
   {
-    "__type__": "cc.Sprite",
-    "_name": "",
+    "__type__": "cc.Node",
+    "_name": "station",
     "_objFlags": 0,
-    "node": {
-      "__id__": 49
+    "_parent": {
+      "__id__": 2
     },
-    "_enabled": false,
-    "_materials": [
+    "_children": [
       {
-        "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
+        "__id__": 53
       }
     ],
-    "_srcBlendFactor": 770,
-    "_dstBlendFactor": 771,
-    "_spriteFrame": {
-      "__uuid__": "8cdb44ac-a3f6-449f-b354-7cd48cf84061"
-    },
-    "_type": 0,
-    "_sizeMode": 0,
-    "_fillType": 0,
-    "_fillCenter": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_fillStart": 0,
-    "_fillRange": 0,
-    "_isTrimmedMode": true,
-    "_atlas": null,
-    "_id": "70phZqb7dIIaTqD5VBp6rH"
-  },
-  {
-    "__type__": "cc.Layout",
-    "_name": "",
-    "_objFlags": 0,
-    "node": {
-      "__id__": 40
-    },
-    "_enabled": true,
-    "_layoutSize": {
-      "__type__": "cc.Size",
-      "width": 240,
-      "height": 1200
-    },
-    "_resize": 0,
-    "_N$layoutType": 2,
-    "_N$cellSize": {
-      "__type__": "cc.Size",
-      "width": 40,
-      "height": 40
-    },
-    "_N$startAxis": 0,
-    "_N$paddingLeft": 0,
-    "_N$paddingRight": 0,
-    "_N$paddingTop": 0,
-    "_N$paddingBottom": 0,
-    "_N$spacingX": 0,
-    "_N$spacingY": 0,
-    "_N$verticalDirection": 1,
-    "_N$horizontalDirection": 0,
-    "_N$affectedByScale": false,
-    "_id": "ecf+K+7jRLNIoFplv19Yum"
-  },
-  {
-    "__type__": "cc.Layout",
-    "_name": "",
-    "_objFlags": 0,
-    "node": {
-      "__id__": 38
+    "_active": true,
+    "_components": [],
+    "_prefab": null,
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
     },
-    "_enabled": true,
-    "_layoutSize": {
+    "_contentSize": {
       "__type__": "cc.Size",
       "width": 1440,
-      "height": 720
+      "height": 910
     },
-    "_resize": 0,
-    "_N$layoutType": 1,
-    "_N$cellSize": {
-      "__type__": "cc.Size",
-      "width": 40,
-      "height": 40
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
     },
-    "_N$startAxis": 0,
-    "_N$paddingLeft": 83,
-    "_N$paddingRight": 3,
-    "_N$paddingTop": 0,
-    "_N$paddingBottom": 0,
-    "_N$spacingX": 17,
-    "_N$spacingY": 0,
-    "_N$verticalDirection": 1,
-    "_N$horizontalDirection": 0,
-    "_N$affectedByScale": false,
-    "_id": "cbKeXgg4VKaJi3DDFTU/6a"
+    "_trs": {
+      "__type__": "TypedArray",
+      "ctor": "Float64Array",
+      "array": [
+        0,
+        78.692,
+        0,
+        0,
+        0,
+        0,
+        1,
+        1,
+        1,
+        1
+      ]
+    },
+    "_eulerAngles": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_skewX": 0,
+    "_skewY": 0,
+    "_is3DNode": false,
+    "_groupIndex": 0,
+    "groupIndex": 0,
+    "_id": "d5gb3vaH9BQqTHY52LLOHb"
   },
   {
-    "__type__": "cc.Mask",
-    "_name": "",
+    "__type__": "cc.Node",
+    "_name": "Column",
     "_objFlags": 0,
-    "node": {
-      "__id__": 38
+    "_parent": {
+      "__id__": 53
     },
-    "_enabled": true,
-    "_materials": [
+    "_children": [
       {
-        "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
+        "__id__": 56
+      },
+      {
+        "__id__": 59
+      },
+      {
+        "__id__": 62
+      },
+      {
+        "__id__": 65
       }
     ],
-    "_spriteFrame": null,
-    "_type": 0,
-    "_segments": 64,
-    "_N$alphaThreshold": 0.1,
-    "_N$inverted": false,
-    "_id": "71oQdA26lD1bpHys0BX+Fw"
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 68
+      }
+    ],
+    "_prefab": {
+      "__id__": 69
+    },
+    "_opacity": 255,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 240,
+      "height": 720
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_trs": {
+      "__type__": "TypedArray",
+      "ctor": "Float64Array",
+      "array": [
+        -517,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        1,
+        1,
+        1
+      ]
+    },
+    "_eulerAngles": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_skewX": 0,
+    "_skewY": 0,
+    "_is3DNode": false,
+    "_groupIndex": 0,
+    "groupIndex": 0,
+    "_id": "61O0ooVppO6bZ/ePJrPgU8"
   },
   {
     "__type__": "cc.Node",
     "_name": "item0",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 37
+      "__id__": 55
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 55
+        "__id__": 57
       }
     ],
     "_prefab": {
-      "__id__": 56
+      "__id__": 58
     },
     "_opacity": 255,
     "_color": {
@@ -2688,7 +2826,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 54
+      "__id__": 56
     },
     "_enabled": true,
     "_materials": [
@@ -2718,7 +2856,7 @@
   {
     "__type__": "cc.PrefabInfo",
     "root": {
-      "__id__": 37
+      "__id__": 55
     },
     "asset": {
       "__uuid__": "6893d156-7164-405e-9d78-612b1b0f4b03"
@@ -2731,17 +2869,17 @@
     "_name": "item1",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 37
+      "__id__": 55
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 58
+        "__id__": 60
       }
     ],
     "_prefab": {
-      "__id__": 59
+      "__id__": 61
     },
     "_opacity": 255,
     "_color": {
@@ -2795,7 +2933,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 57
+      "__id__": 59
     },
     "_enabled": true,
     "_materials": [
@@ -2825,7 +2963,7 @@
   {
     "__type__": "cc.PrefabInfo",
     "root": {
-      "__id__": 37
+      "__id__": 55
     },
     "asset": {
       "__uuid__": "6893d156-7164-405e-9d78-612b1b0f4b03"
@@ -2838,17 +2976,17 @@
     "_name": "item2",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 37
+      "__id__": 55
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 61
+        "__id__": 63
       }
     ],
     "_prefab": {
-      "__id__": 62
+      "__id__": 64
     },
     "_opacity": 255,
     "_color": {
@@ -2902,7 +3040,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 60
+      "__id__": 62
     },
     "_enabled": true,
     "_materials": [
@@ -2932,7 +3070,7 @@
   {
     "__type__": "cc.PrefabInfo",
     "root": {
-      "__id__": 37
+      "__id__": 55
     },
     "asset": {
       "__uuid__": "6893d156-7164-405e-9d78-612b1b0f4b03"
@@ -2945,17 +3083,17 @@
     "_name": "item3",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 37
+      "__id__": 55
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 64
+        "__id__": 66
       }
     ],
     "_prefab": {
-      "__id__": 65
+      "__id__": 67
     },
     "_opacity": 255,
     "_color": {
@@ -3009,7 +3147,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 63
+      "__id__": 65
     },
     "_enabled": true,
     "_materials": [
@@ -3039,7 +3177,7 @@
   {
     "__type__": "cc.PrefabInfo",
     "root": {
-      "__id__": 37
+      "__id__": 55
     },
     "asset": {
       "__uuid__": "6893d156-7164-405e-9d78-612b1b0f4b03"
@@ -3052,16 +3190,17 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 37
+      "__id__": 55
     },
     "_enabled": true,
     "gameModule": null,
+    "rollSpeed": 1,
     "_id": "20vhsnLCJCCJHvd1bPup2s"
   },
   {
     "__type__": "cc.PrefabInfo",
     "root": {
-      "__id__": 37
+      "__id__": 55
     },
     "asset": {
       "__uuid__": "6893d156-7164-405e-9d78-612b1b0f4b03"
@@ -3069,6 +3208,58 @@
     "fileId": "",
     "sync": false
   },
+  {
+    "__type__": "cc.Layout",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 53
+    },
+    "_enabled": true,
+    "_layoutSize": {
+      "__type__": "cc.Size",
+      "width": 1440,
+      "height": 720
+    },
+    "_resize": 0,
+    "_N$layoutType": 1,
+    "_N$cellSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_N$startAxis": 0,
+    "_N$paddingLeft": 83,
+    "_N$paddingRight": 3,
+    "_N$paddingTop": 0,
+    "_N$paddingBottom": 0,
+    "_N$spacingX": 17,
+    "_N$spacingY": 0,
+    "_N$verticalDirection": 1,
+    "_N$horizontalDirection": 0,
+    "_N$affectedByScale": false,
+    "_id": "cbKeXgg4VKaJi3DDFTU/6a"
+  },
+  {
+    "__type__": "cc.Mask",
+    "_name": "",
+    "_objFlags": 0,
+    "node": {
+      "__id__": 53
+    },
+    "_enabled": true,
+    "_materials": [
+      {
+        "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
+      }
+    ],
+    "_spriteFrame": null,
+    "_type": 0,
+    "_segments": 64,
+    "_N$alphaThreshold": 0.1,
+    "_N$inverted": false,
+    "_id": "71oQdA26lD1bpHys0BX+Fw"
+  },
   {
     "__type__": "cc.Node",
     "_name": "Main Camera",
@@ -3080,7 +3271,7 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 69
+        "__id__": 73
       }
     ],
     "_prefab": null,
@@ -3136,7 +3327,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 68
+      "__id__": 72
     },
     "_enabled": true,
     "_cullingMask": 4294967295,
@@ -3178,10 +3369,10 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 71
+        "__id__": 75
       },
       {
-        "__id__": 72
+        "__id__": 76
       }
     ],
     "_prefab": null,
@@ -3237,7 +3428,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 70
+      "__id__": 74
     },
     "_enabled": true,
     "alignMode": 0,
@@ -3264,7 +3455,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 70
+      "__id__": 74
     },
     "_enabled": true,
     "_materials": [
@@ -3299,12 +3490,6 @@
       "__id__": 2
     },
     "_children": [
-      {
-        "__id__": 74
-      },
-      {
-        "__id__": 76
-      },
       {
         "__id__": 78
       },
@@ -3316,6 +3501,12 @@
       },
       {
         "__id__": 84
+      },
+      {
+        "__id__": 86
+      },
+      {
+        "__id__": 88
       }
     ],
     "_active": true,
@@ -3373,13 +3564,13 @@
     "_name": "bg_board",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 73
+      "__id__": 77
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 75
+        "__id__": 79
       }
     ],
     "_prefab": null,
@@ -3435,7 +3626,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 74
+      "__id__": 78
     },
     "_enabled": true,
     "_materials": [
@@ -3467,13 +3658,13 @@
     "_name": "frame_big",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 73
+      "__id__": 77
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 77
+        "__id__": 81
       }
     ],
     "_prefab": null,
@@ -3529,7 +3720,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 76
+      "__id__": 80
     },
     "_enabled": true,
     "_materials": [
@@ -3561,13 +3752,13 @@
     "_name": "frame_balance",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 73
+      "__id__": 77
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 79
+        "__id__": 83
       }
     ],
     "_prefab": null,
@@ -3623,7 +3814,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 78
+      "__id__": 82
     },
     "_enabled": true,
     "_materials": [
@@ -3655,13 +3846,13 @@
     "_name": "frame_bet",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 73
+      "__id__": 77
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 81
+        "__id__": 85
       }
     ],
     "_prefab": null,
@@ -3717,7 +3908,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 80
+      "__id__": 84
     },
     "_enabled": true,
     "_materials": [
@@ -3749,13 +3940,13 @@
     "_name": "label_balance",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 73
+      "__id__": 77
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 83
+        "__id__": 87
       }
     ],
     "_prefab": null,
@@ -3811,7 +4002,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 82
+      "__id__": 86
     },
     "_enabled": true,
     "_materials": [
@@ -3843,13 +4034,13 @@
     "_name": "label_bet",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 73
+      "__id__": 77
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 85
+        "__id__": 89
       }
     ],
     "_prefab": null,
@@ -3905,7 +4096,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 84
+      "__id__": 88
     },
     "_enabled": true,
     "_materials": [
@@ -3941,13 +4132,13 @@
     },
     "_children": [
       {
-        "__id__": 87
+        "__id__": 91
       },
       {
-        "__id__": 93
+        "__id__": 97
       },
       {
-        "__id__": 99
+        "__id__": 103
       }
     ],
     "_active": true,
@@ -4005,17 +4196,17 @@
     "_name": "btn_plus",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 86
+      "__id__": 90
     },
     "_children": [
       {
-        "__id__": 88
+        "__id__": 92
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 91
+        "__id__": 95
       }
     ],
     "_prefab": null,
@@ -4071,16 +4262,16 @@
     "_name": "Background",
     "_objFlags": 512,
     "_parent": {
-      "__id__": 87
+      "__id__": 91
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 89
+        "__id__": 93
       },
       {
-        "__id__": 90
+        "__id__": 94
       }
     ],
     "_prefab": null,
@@ -4136,7 +4327,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 88
+      "__id__": 92
     },
     "_enabled": true,
     "_materials": [
@@ -4168,7 +4359,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 88
+      "__id__": 92
     },
     "_enabled": true,
     "alignMode": 0,
@@ -4195,7 +4386,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 87
+      "__id__": 91
     },
     "_enabled": true,
     "_normalMaterial": null,
@@ -4204,7 +4395,7 @@
     "zoomScale": 1.2,
     "clickEvents": [
       {
-        "__id__": 92
+        "__id__": 96
       }
     ],
     "_N$interactable": true,
@@ -4272,14 +4463,14 @@
       "__uuid__": "aebdca29-2957-456d-9604-1f9be79b52a5"
     },
     "_N$target": {
-      "__id__": 88
+      "__id__": 92
     },
     "_id": "36j6k0EEtC9o2aAYVhynLd"
   },
   {
     "__type__": "cc.ClickEvent",
     "target": {
-      "__id__": 29
+      "__id__": 45
     },
     "component": "",
     "_componentId": "1bc61/a9X9MN5/EwQIdMfv2",
@@ -4291,17 +4482,17 @@
     "_name": "btn_minus",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 86
+      "__id__": 90
     },
     "_children": [
       {
-        "__id__": 94
+        "__id__": 98
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 97
+        "__id__": 101
       }
     ],
     "_prefab": null,
@@ -4357,16 +4548,16 @@
     "_name": "Background",
     "_objFlags": 512,
     "_parent": {
-      "__id__": 93
+      "__id__": 97
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 95
+        "__id__": 99
       },
       {
-        "__id__": 96
+        "__id__": 100
       }
     ],
     "_prefab": null,
@@ -4422,7 +4613,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 94
+      "__id__": 98
     },
     "_enabled": true,
     "_materials": [
@@ -4454,7 +4645,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 94
+      "__id__": 98
     },
     "_enabled": true,
     "alignMode": 0,
@@ -4481,7 +4672,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 93
+      "__id__": 97
     },
     "_enabled": true,
     "_normalMaterial": null,
@@ -4490,7 +4681,7 @@
     "zoomScale": 1.2,
     "clickEvents": [
       {
-        "__id__": 98
+        "__id__": 102
       }
     ],
     "_N$interactable": true,
@@ -4558,14 +4749,14 @@
       "__uuid__": "089a7fbb-dfb9-437d-abe9-4597ee1ca4bf"
     },
     "_N$target": {
-      "__id__": 94
+      "__id__": 98
     },
     "_id": "2aiXByUwNPYqe6c5hGMZPF"
   },
   {
     "__type__": "cc.ClickEvent",
     "target": {
-      "__id__": 29
+      "__id__": 45
     },
     "component": "",
     "_componentId": "1bc61/a9X9MN5/EwQIdMfv2",
@@ -4577,17 +4768,17 @@
     "_name": "btn_spin",
     "_objFlags": 0,
     "_parent": {
-      "__id__": 86
+      "__id__": 90
     },
     "_children": [
       {
-        "__id__": 100
+        "__id__": 104
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 103
+        "__id__": 107
       }
     ],
     "_prefab": null,
@@ -4643,16 +4834,16 @@
     "_name": "Background",
     "_objFlags": 512,
     "_parent": {
-      "__id__": 99
+      "__id__": 103
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 101
+        "__id__": 105
       },
       {
-        "__id__": 102
+        "__id__": 106
       }
     ],
     "_prefab": null,
@@ -4708,7 +4899,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 100
+      "__id__": 104
     },
     "_enabled": true,
     "_materials": [
@@ -4740,7 +4931,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 100
+      "__id__": 104
     },
     "_enabled": true,
     "alignMode": 0,
@@ -4767,7 +4958,7 @@
     "_name": "",
     "_objFlags": 0,
     "node": {
-      "__id__": 99
+      "__id__": 103
     },
     "_enabled": true,
     "_normalMaterial": null,
@@ -4776,7 +4967,7 @@
     "zoomScale": 1.2,
     "clickEvents": [
       {
-        "__id__": 104
+        "__id__": 108
       }
     ],
     "_N$interactable": true,
@@ -4844,14 +5035,14 @@
       "__uuid__": "29158224-f8dd-4661-a796-1ffab537140e"
     },
     "_N$target": {
-      "__id__": 100
+      "__id__": 104
     },
     "_id": "b0f2aeSLZMEb88FCu4QB5S"
   },
   {
     "__type__": "cc.ClickEvent",
     "target": {
-      "__id__": 29
+      "__id__": 45
     },
     "component": "",
     "_componentId": "1bc61/a9X9MN5/EwQIdMfv2",
diff --git a/assets/Script/columnControl.ts b/assets/Script/columnControl.ts
index 82abab2..4100bd8 100644
--- a/assets/Script/columnControl.ts
+++ b/assets/Script/columnControl.ts
@@ -1,12 +1,16 @@
 
 const {ccclass, property} = cc._decorator;
 
-import {gameMY} from './gameModule';
+import {gameMY, moduleState} from './gameModule';
 
 
-// const eventTarget = new cc.EventTarget();
+export enum columnState {
+    Ready = 1,
+    Spining = 2,
+    Stopping = 3,
 
-enum columnState {
+
+    EngStop = 99,
 
 }
 
@@ -20,15 +24,14 @@ export class columnControl extends cc.Component {
     @property((cc.Node))
     gameModule: cc.Node;
 
-    private nowAction = null;
+    @property(Number)
+    rollSpeed:number = 1;
+
+    // private nowAction = null;
     private columnItem: Array<number> = [];
     private itemList:Array<number>;
-    private gameModuleScript;
-
-    actionSet = {
-        "stayPosition": cc.moveTo(0, new cc.Vec2(0, 240)),
-        "rollingUp2Button": cc.sequence(cc.moveTo(0, new cc.Vec2(0, 240)), cc.moveBy(1.5, new cc.Vec2(0, -240))),
-    };
+    private gameModuleScript:gameMY;
+    nowState:columnState;
 
 
     protected onLoad () {
@@ -36,57 +39,77 @@ export class columnControl extends cc.Component {
     }
 
     protected start () {
-        cc.log("this columnControl start");
 
         this.itemList = Object.values(this.gameModuleScript.itemNameMapping);
 
+        // column 位置初始化
+        this.node.y = this.gameModuleScript.itemSize;
+
+        // 隨機初始化 item 圖片
         for(let i=0;i<this.node.childrenCount;i++){
             let a = this.itemList[Math.floor(Math.random() * 12)];
-            this.columnItem.unshift( a );
+            this.columnItem.push( a );
             this.node.children[i].getComponent(cc.Sprite).spriteFrame = this.gameModuleScript.item_spriteFrame[a]
         }
 
-        this.nowAction = this.node.runAction(this.actionSet["stayPosition"]);
-
+        
+        this.nowState = columnState.Ready;
     }
 
     protected update (dt) {
-        if(this.nowAction.isDone() == true) {
-            let a = this.itemList[Math.floor(Math.random() * 12)];
-            this.columnItem.unshift( a );
-            this.columnItem.pop();
-
-            //換圖
-            for(let i=0;i<this.columnItem.length;i++){
-                this.node.children[i].getComponent(cc.Sprite).spriteFrame = this.gameModuleScript.item_spriteFrame[this.columnItem[i]]
-            }
-
-            //移動位置
-            this.nowAction = this.node.runAction(this.actionSet["rollingUp2Button"]);
-        }else{
 
+        let dY = Math.ceil(this.rollSpeed * this.gameModuleScript.itemSize * dt)
+
+        switch(this.nowState){
+            case columnState.Ready:
+                //狀態檢查與更新
+                if(this.gameModuleScript.nowState == moduleState.Spining){
+                    this.nowState = columnState.Spining;
+                }
+                break;
+            case columnState.Spining:
+                if(this.node.y - dY <= 0){
+                    this.node.y = this.node.y + this.gameModuleScript.itemSize - dY;
+                    //更新圖片
+                    this.prepareNextItem();
+                    for(let i=0;i<this.columnItem.length;i++){
+                        this.node.children[i].getComponent(cc.Sprite).spriteFrame = this.gameModuleScript.itemBlur_spriteFrame[this.columnItem[i]];
+                    }
+                    //狀態檢查與更新
+                    if(this.gameModuleScript.nowState == moduleState.Stopping){
+                        this.nowState = columnState.Stopping;
+                    }
+                }else{this.node.y -= dY;}
+                break;
+            case columnState.Stopping:
+                if(this.node.y - dY <= 0){
+                    this.node.y = this.gameModuleScript.itemSize;
+                    //更新圖片
+                    this.prepareNextItem();
+                    for(let i=0;i<this.columnItem.length;i++){
+                        this.node.children[i].getComponent(cc.Sprite).spriteFrame = this.gameModuleScript.item_spriteFrame[this.columnItem[i]];
+                    }
+                    this.gameModule.emit("AColumnStop")
+                    //狀態檢查與更新
+                    this.nowState = columnState.Ready; // 狀態復歸
+
+                }else{this.node.y -= dY;}
+                break;
+            case columnState.EngStop:
+                // To Nothing just stop whole column
+                break;
         }
+    }
 
-    
-
-
-
+    prepareNextItem() {
+        let a = this.itemList[Math.floor(Math.random() * this.itemList.length)];
+        this.columnItem.unshift( a );
+        this.columnItem.pop();
     }
 
 
 }
 
 
-        // 用 tween 做動畫
-        // cc.tween(b)
-        //     .to(1, { position: cc.v2(100, 0), rotation: 360 })
-        //     .to(1, { position: cc.v2(0, 0), rotation: 0 })
-        //     // .to(1, { scale: 2 })
-        //     .start()
-        
-        // 用 Action 做動畫
-        // var seq = cc.sequence(cc.moveBy(1.5, cc.Vec2(100, 50)), cc.moveBy(1.5, cc.Vec2(-100, -50)));
-        // b.runAction(this.seq)
-        // c.runAction(this.seq) // 失敗 seq 不能一次賦予兩個物件一樣動作
-        // this.bigFrameString.node.runAction(seq)
+
         
\ No newline at end of file
diff --git a/assets/Script/engineerFunction.ts b/assets/Script/engineerFunction.ts
index d1cffc1..2e6409b 100644
--- a/assets/Script/engineerFunction.ts
+++ b/assets/Script/engineerFunction.ts
@@ -17,7 +17,8 @@ export default class NewClass extends cc.Component {
     @property((cc.Node))
     columnControl: cc.Node = null;
 
-    private secCounter: number;
+    private secCounter: number = 0;
+    private fpsCount: number = 0;
 
     private gameModuleScript;
     private columnControlScript;
@@ -42,18 +43,20 @@ export default class NewClass extends cc.Component {
 
     protected update (dt) {
         this.secCounter += dt;
+        this.fpsCount += 1;
 
         // 測試 cc.resources.loadDir 載入時間 ==> 結論: 約需要 0.2~0.5秒
         if(this.tempValue){
             if(!(Object.keys(this.gameModuleScript.item_spriteFrame).length === 0)){
-                cc.log(" empty to full : " + this.secCounter)
+                cc.log(" .loadDir Complete : " + this.secCounter)
                 this.tempValue = false
             }
         }
 
         if(this.secCounter >= 5) {
-            cc.log("engineer Function Update : " + this.secCounter)
+            cc.log("engineer Function Update : " + this.fpsCount)
             this.secCounter = 0
+            this.fpsCount = 0
         }   
 
     } 
@@ -78,10 +81,74 @@ export default class NewClass extends cc.Component {
 
         for(let i=0;i<this.columnControl.childrenCount;i++){
             let a = this.itemList[Math.floor(Math.random() * 12)];
-            this.columnControlScript.columnItem.push( a );
+            this.columnControlScript.columnItem.pop( a );
+            this.columnControlScript.columnItem.unshift( a );
             let c = this.gameModuleScript.item_spriteFrame[a]
             this.columnControl.children[i].getComponent(cc.Sprite).spriteFrame = c
         }
         
     }
+
+    test4():void {
+        this.node.getChildByName('UT4').y += 100;
+        cc.log("markA")
+    }
+
+    tempColumnState:any;
+    test5():void {
+        if(this.columnControlScript.nowState == 99){
+            this.columnControlScript.nowState = this.tempColumnState;
+        }else{
+            this.tempColumnState = this.columnControlScript.nowState;
+            this.columnControlScript.nowState = 99;
+        }
+        
+    }
+
+
+
+
+
 }
+
+
+
+    // 棄置的扣
+
+    // 動畫相關
+
+    // actionSet = {
+    //     "stayPosition": cc.moveTo(0, new cc.Vec2(0, 240)),
+    //     "rollingUp2Button": cc.sequence(cc.moveTo(0, new cc.Vec2(0, 240)), cc.moveBy(1.5, new cc.Vec2(0, -240))),
+    // };
+
+            // if(this.nowAction.isDone() == true) {
+            // let a = this.itemList[Math.floor(Math.random() * 12)];
+            // this.columnItem.unshift( a );
+            // this.columnItem.pop();
+
+            // //換圖
+            // for(let i=0;i<this.columnItem.length;i++){
+            //     this.node.children[i].getComponent(cc.Sprite).spriteFrame = this.gameModuleScript.item_spriteFrame[this.columnItem[i]]
+            // }
+
+        //     //移動位置
+        //     this.nowAction = this.node.runAction(this.actionSet["rollingUp2Button"]);
+        // }else{
+
+        // }
+
+            // 用 tween 做動畫
+        // cc.tween(b)
+        //     .to(1, { position: cc.v2(100, 0), rotation: 360 })
+        //     .to(1, { position: cc.v2(0, 0), rotation: 0 })
+        //     // .to(1, { scale: 2 })
+        //     .start()
+        
+        // 用 Action 做動畫
+        // var seq = cc.sequence(cc.moveBy(1.5, cc.Vec2(100, 50)), cc.moveBy(1.5, cc.Vec2(-100, -50)));
+        // b.runAction(this.seq)
+        // c.runAction(this.seq) // 失敗 seq 不能一次賦予兩個物件一樣動作
+        // this.bigFrameString.node.runAction(seq)
+
+
diff --git a/assets/Script/gameModule.ts b/assets/Script/gameModule.ts
index 240ad31..3600ed5 100644
--- a/assets/Script/gameModule.ts
+++ b/assets/Script/gameModule.ts
@@ -9,8 +9,12 @@ const {ccclass, property, } = cc._decorator;
 
 
 
-enum moduleState {
-        "INIT",
+export enum moduleState {
+        INIT1 = 0,
+        INIT2 = 1,
+        Ready = 2,
+        Spining = 3,
+        Stopping = 4,
 
     };
 
@@ -18,10 +22,10 @@ enum moduleState {
 export class gameMY extends cc.Component {
 
     @property
-    columnCount = 5;
+    columnCount:number = 5;
 
     @property
-    itemSize = 240;
+    itemSize:number = 240;
 
     @property(cc.Label)
     betString: cc.Label = null;
@@ -32,7 +36,6 @@ export class gameMY extends cc.Component {
     @property(cc.Label)
     balanceString: cc.Label = null;
 
-
     @property({type: cc.Prefab})
     columnPrefab: cc.Prefab | null = null;
 
@@ -46,6 +49,10 @@ export class gameMY extends cc.Component {
     private balanceNumber: number;
     private bigFrameNumber: number;
 
+    private stopCount:number;
+
+    nowState: moduleState = 0;
+
     // item 圖片資源存放區
     itemNameMapping = {
         'item_01':1, 'item_02':2, 'item_03':3, 'item_04':4, 'item_9':5, 
@@ -56,13 +63,14 @@ export class gameMY extends cc.Component {
     item_spriteFrame = {};
     itemBlur_spriteFrame = {};
 
-    init_Complete:boolean = false 
+    
 
     protected onLoad () {
 
-
         this.unitTestInit(); // for engineer use
 
+        this.onColumnsSignal()
+
         // 讀取 item 圖片資源
         cc.resources.loadDir('item',cc.SpriteFrame, (err: any, sF) => {
             sF.forEach( (eachSpriteFrame)=>{
@@ -82,26 +90,48 @@ export class gameMY extends cc.Component {
     protected start () {
         this.betNumber = 50;
         
-        this.slotBoard.addChild( cc.instantiate(this.columnPrefab) )
-        this.slotBoard.addChild( cc.instantiate(this.columnPrefab) )
-        this.slotBoard.addChild( cc.instantiate(this.columnPrefab) )
-        this.slotBoard.addChild( cc.instantiate(this.columnPrefab) )
+        this.slotBoard.addChild( cc.instantiate(this.columnPrefab), 1 )
+        this.slotBoard.addChild( cc.instantiate(this.columnPrefab), 2 )
+        this.slotBoard.addChild( cc.instantiate(this.columnPrefab), 3 )
+        this.slotBoard.addChild( cc.instantiate(this.columnPrefab), 4 )
 
     }
 
     protected update (dt) {
 
-        if(!this.init_Complete){
-            // 完成圖片載入再啟動 column
-            if((Object.keys(this.item_spriteFrame).length === 12)){
-                for(let i=0;i<=5;i++){
-                    this.slotBoard.children[i].getComponent('columnControl').gameModule = this.node;
-                    this.slotBoard.children[i].active = true;
-                    this.init_Complete=true;
+        switch(this.nowState){
+            case moduleState.INIT1:
+                // 檢查圖片載入完成後
+                // 將必要資訊餵給 column 後再 active column 
+                // 再完成初始化
+                if((Object.keys(this.item_spriteFrame).length === Object.keys(this.itemNameMapping).length)){
+                    for(let i=0; i<this.columnCount; i++){
+                        this.slotBoard.children[i].getComponent('columnControl').gameModule = this.node;
+                        this.slotBoard.children[i].active = true;
+                        this.nowState = moduleState.INIT2;
+                    }
                 }
-            }
-            
+                break;
+            case moduleState.INIT2:
+                for(let i=0; i<this.columnCount; i++){
+                    cc.log(this.slotBoard.children[i].x)
+                }
+                this.nowState = moduleState.Ready;
+                break;
+            case moduleState.Ready:
+                break;
+            case moduleState.Spining:
+                this.stopCount = 0;
+                break;
+            case moduleState.Stopping:
+                if(this.stopCount == 5){
+                    this.nowState = moduleState.Ready;
+                }
+                break;
+            default:
+                break;
         }
+
     } 
 
 
@@ -115,22 +145,44 @@ export class gameMY extends cc.Component {
             this.betNumber -= 50;
         }
         this.betString.string = "" + this.betNumber
+
     }
 
 
     onSpinBtnClick():void {
 
-        
-
+        switch(this.nowState){
+            case moduleState.Ready:
+                this.nowState = moduleState.Spining;
+                break;
+            case moduleState.Spining:
+                this.nowState = moduleState.Stopping;
+                break;
+            default:
+                cc.log("do nothing");
+                break;
+        }
 
-        cc.log("nothing");
+    }
 
+    onColumnsSignal():void {
+        this.node.on('AColumnStop', ()=>{
+            this.stopCount += 1;
+        }, this)
     }
 
+
+
+
+
+
+
+
+
     unitTestInit():void {
         // for unitTest 1
         this.node.on('Bob', (arg1)=>{
-            cc.log("columnControl Recieve Bob say " + arg1)
+            cc.log("gameModule Recieve Bob say " + arg1)
         }, this)
     }