diff --git a/assets/resources/gui/prefab/controller.prefab b/assets/resources/gui/prefab/controller.prefab
new file mode 100644
index 00000000..4611feb3
--- /dev/null
+++ b/assets/resources/gui/prefab/controller.prefab
@@ -0,0 +1,63 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "controller",
+    "_objFlags": 0,
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "asyncLoadAssets": false,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "controller",
+    "_objFlags": 0,
+    "_parent": null,
+    "_children": [],
+    "_active": true,
+    "_components": [],
+    "_prefab": {
+      "__id__": 2
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "c46/YsCPVOJYA4mWEpNYRx"
+  }
+]
\ No newline at end of file
diff --git a/assets/resources/gui/prefab/controller.prefab.meta b/assets/resources/gui/prefab/controller.prefab.meta
new file mode 100644
index 00000000..72ec5d92
--- /dev/null
+++ b/assets/resources/gui/prefab/controller.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "9c316d85-7ad6-42ef-8f65-266aee74afc4",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "controller"
+  }
+}
diff --git a/assets/resources/gui/uis.meta b/assets/resources/gui/uis.meta
new file mode 100644
index 00000000..0b1523d3
--- /dev/null
+++ b/assets/resources/gui/uis.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "9ed3950c-742c-44c6-8c85-90e373a14b25",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/resources/gui/uis/button_play.png b/assets/resources/gui/uis/button_play.png
new file mode 100644
index 00000000..fe53cc8c
Binary files /dev/null and b/assets/resources/gui/uis/button_play.png differ
diff --git a/assets/resources/gui/uis/button_play.png.meta b/assets/resources/gui/uis/button_play.png.meta
new file mode 100644
index 00000000..bb8f60da
--- /dev/null
+++ b/assets/resources/gui/uis/button_play.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "ffdf7637-e3aa-4245-9076-52371fdea4a0",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "ffdf7637-e3aa-4245-9076-52371fdea4a0@6c48a",
+      "displayName": "button_play",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "ffdf7637-e3aa-4245-9076-52371fdea4a0",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "ffdf7637-e3aa-4245-9076-52371fdea4a0@f9941",
+      "displayName": "button_play",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 331,
+        "height": 329,
+        "rawWidth": 331,
+        "rawHeight": 329,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -165.5,
+            -164.5,
+            0,
+            165.5,
+            -164.5,
+            0,
+            -165.5,
+            164.5,
+            0,
+            165.5,
+            164.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            329,
+            331,
+            329,
+            0,
+            0,
+            331,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -165.5,
+            -164.5,
+            0
+          ],
+          "maxPos": [
+            165.5,
+            164.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "ffdf7637-e3aa-4245-9076-52371fdea4a0@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "ffdf7637-e3aa-4245-9076-52371fdea4a0@f9941"
+  }
+}
diff --git a/assets/resources/gui/uis/button_settings.png b/assets/resources/gui/uis/button_settings.png
new file mode 100644
index 00000000..faf431bb
Binary files /dev/null and b/assets/resources/gui/uis/button_settings.png differ
diff --git a/assets/resources/gui/uis/button_settings.png.meta b/assets/resources/gui/uis/button_settings.png.meta
new file mode 100644
index 00000000..15cacc10
--- /dev/null
+++ b/assets/resources/gui/uis/button_settings.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "da7ba9b0-f660-419e-bb07-183432b66b0a",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "da7ba9b0-f660-419e-bb07-183432b66b0a@6c48a",
+      "displayName": "button_settings",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "da7ba9b0-f660-419e-bb07-183432b66b0a",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "da7ba9b0-f660-419e-bb07-183432b66b0a@f9941",
+      "displayName": "button_settings",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0.5,
+        "offsetY": 0,
+        "trimX": 1,
+        "trimY": 0,
+        "width": 175,
+        "height": 175,
+        "rawWidth": 176,
+        "rawHeight": 175,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -87.5,
+            -87.5,
+            0,
+            87.5,
+            -87.5,
+            0,
+            -87.5,
+            87.5,
+            0,
+            87.5,
+            87.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            1,
+            175,
+            176,
+            175,
+            1,
+            0,
+            176,
+            0
+          ],
+          "nuv": [
+            0.005681818181818182,
+            0,
+            1,
+            0,
+            0.005681818181818182,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -87.5,
+            -87.5,
+            0
+          ],
+          "maxPos": [
+            87.5,
+            87.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "da7ba9b0-f660-419e-bb07-183432b66b0a@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "da7ba9b0-f660-419e-bb07-183432b66b0a@f9941"
+  }
+}
diff --git a/assets/resources/gui/uis/crystal_1.png b/assets/resources/gui/uis/crystal_1.png
new file mode 100644
index 00000000..99349738
Binary files /dev/null and b/assets/resources/gui/uis/crystal_1.png differ
diff --git a/assets/resources/gui/uis/crystal_1.png.meta b/assets/resources/gui/uis/crystal_1.png.meta
new file mode 100644
index 00000000..c89b355c
--- /dev/null
+++ b/assets/resources/gui/uis/crystal_1.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "14904974-6015-4f35-ab83-3daf383097c3",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "14904974-6015-4f35-ab83-3daf383097c3@6c48a",
+      "displayName": "crystal_1",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "14904974-6015-4f35-ab83-3daf383097c3",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "14904974-6015-4f35-ab83-3daf383097c3@f9941",
+      "displayName": "crystal_1",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 100,
+        "height": 89,
+        "rawWidth": 100,
+        "rawHeight": 89,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -50,
+            -44.5,
+            0,
+            50,
+            -44.5,
+            0,
+            -50,
+            44.5,
+            0,
+            50,
+            44.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            89,
+            100,
+            89,
+            0,
+            0,
+            100,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -50,
+            -44.5,
+            0
+          ],
+          "maxPos": [
+            50,
+            44.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "14904974-6015-4f35-ab83-3daf383097c3@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "14904974-6015-4f35-ab83-3daf383097c3@f9941"
+  }
+}
diff --git a/assets/resources/gui/uis/hb_06.png b/assets/resources/gui/uis/hb_06.png
new file mode 100644
index 00000000..706b2f06
Binary files /dev/null and b/assets/resources/gui/uis/hb_06.png differ
diff --git a/assets/resources/gui/uis/hb_06.png.meta b/assets/resources/gui/uis/hb_06.png.meta
new file mode 100644
index 00000000..4e74418c
--- /dev/null
+++ b/assets/resources/gui/uis/hb_06.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "e9ffe948-41e1-4ee4-95c2-9a4d86546057",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "e9ffe948-41e1-4ee4-95c2-9a4d86546057@6c48a",
+      "displayName": "hb_06",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "e9ffe948-41e1-4ee4-95c2-9a4d86546057",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "e9ffe948-41e1-4ee4-95c2-9a4d86546057@f9941",
+      "displayName": "hb_06",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0.5,
+        "offsetY": 1,
+        "trimX": 1,
+        "trimY": 0,
+        "width": 319,
+        "height": 318,
+        "rawWidth": 320,
+        "rawHeight": 320,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -159.5,
+            -159,
+            0,
+            159.5,
+            -159,
+            0,
+            -159.5,
+            159,
+            0,
+            159.5,
+            159,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            1,
+            320,
+            320,
+            320,
+            1,
+            2,
+            320,
+            2
+          ],
+          "nuv": [
+            0.003125,
+            0.00625,
+            1,
+            0.00625,
+            0.003125,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -159.5,
+            -159,
+            0
+          ],
+          "maxPos": [
+            159.5,
+            159,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "e9ffe948-41e1-4ee4-95c2-9a4d86546057@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "e9ffe948-41e1-4ee4-95c2-9a4d86546057@f9941"
+  }
+}
diff --git a/assets/resources/gui/uis/hb_07.png b/assets/resources/gui/uis/hb_07.png
new file mode 100644
index 00000000..49c2f88b
Binary files /dev/null and b/assets/resources/gui/uis/hb_07.png differ
diff --git a/assets/resources/gui/uis/hb_07.png.meta b/assets/resources/gui/uis/hb_07.png.meta
new file mode 100644
index 00000000..7df89671
--- /dev/null
+++ b/assets/resources/gui/uis/hb_07.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "05f07d1c-dd6b-4932-882c-ed6bf5e6cef2",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "05f07d1c-dd6b-4932-882c-ed6bf5e6cef2@6c48a",
+      "displayName": "hb_07",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "05f07d1c-dd6b-4932-882c-ed6bf5e6cef2",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "05f07d1c-dd6b-4932-882c-ed6bf5e6cef2@f9941",
+      "displayName": "hb_07",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0.5,
+        "offsetY": 1,
+        "trimX": 1,
+        "trimY": 0,
+        "width": 319,
+        "height": 318,
+        "rawWidth": 320,
+        "rawHeight": 320,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -159.5,
+            -159,
+            0,
+            159.5,
+            -159,
+            0,
+            -159.5,
+            159,
+            0,
+            159.5,
+            159,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            1,
+            320,
+            320,
+            320,
+            1,
+            2,
+            320,
+            2
+          ],
+          "nuv": [
+            0.003125,
+            0.00625,
+            1,
+            0.00625,
+            0.003125,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -159.5,
+            -159,
+            0
+          ],
+          "maxPos": [
+            159.5,
+            159,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "05f07d1c-dd6b-4932-882c-ed6bf5e6cef2@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "05f07d1c-dd6b-4932-882c-ed6bf5e6cef2@f9941"
+  }
+}
diff --git a/assets/resources/gui/uis/ico_5.png b/assets/resources/gui/uis/ico_5.png
new file mode 100644
index 00000000..3b9478cd
Binary files /dev/null and b/assets/resources/gui/uis/ico_5.png differ
diff --git a/assets/resources/gui/uis/ico_5.png.meta b/assets/resources/gui/uis/ico_5.png.meta
new file mode 100644
index 00000000..10cf72ce
--- /dev/null
+++ b/assets/resources/gui/uis/ico_5.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "e42309de-97a7-4b5b-a230-384f27c730dd",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "e42309de-97a7-4b5b-a230-384f27c730dd@6c48a",
+      "displayName": "ico_5",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "e42309de-97a7-4b5b-a230-384f27c730dd",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "e42309de-97a7-4b5b-a230-384f27c730dd@f9941",
+      "displayName": "ico_5",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 64,
+        "height": 64,
+        "rawWidth": 64,
+        "rawHeight": 64,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -32,
+            -32,
+            0,
+            32,
+            -32,
+            0,
+            -32,
+            32,
+            0,
+            32,
+            32,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            64,
+            64,
+            64,
+            0,
+            0,
+            64,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -32,
+            -32,
+            0
+          ],
+          "maxPos": [
+            32,
+            32,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "e42309de-97a7-4b5b-a230-384f27c730dd@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "e42309de-97a7-4b5b-a230-384f27c730dd@f9941"
+  }
+}
diff --git a/assets/resources/gui/uis/s_window.png b/assets/resources/gui/uis/s_window.png
new file mode 100644
index 00000000..0c3eccb1
Binary files /dev/null and b/assets/resources/gui/uis/s_window.png differ
diff --git a/assets/resources/gui/uis/s_window.png.meta b/assets/resources/gui/uis/s_window.png.meta
new file mode 100644
index 00000000..16a09d96
--- /dev/null
+++ b/assets/resources/gui/uis/s_window.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "ab055ea7-3dc3-4968-a0d3-5390035093c5",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "ab055ea7-3dc3-4968-a0d3-5390035093c5@6c48a",
+      "displayName": "s_window",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "ab055ea7-3dc3-4968-a0d3-5390035093c5",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "ab055ea7-3dc3-4968-a0d3-5390035093c5@f9941",
+      "displayName": "s_window",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 124,
+        "height": 124,
+        "rawWidth": 124,
+        "rawHeight": 124,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -62,
+            -62,
+            0,
+            62,
+            -62,
+            0,
+            -62,
+            62,
+            0,
+            62,
+            62,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            124,
+            124,
+            124,
+            0,
+            0,
+            124,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -62,
+            -62,
+            0
+          ],
+          "maxPos": [
+            62,
+            62,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "ab055ea7-3dc3-4968-a0d3-5390035093c5@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "ab055ea7-3dc3-4968-a0d3-5390035093c5@f9941"
+  }
+}
diff --git a/assets/resources/gui/uis/star.png b/assets/resources/gui/uis/star.png
new file mode 100644
index 00000000..864d1d5a
Binary files /dev/null and b/assets/resources/gui/uis/star.png differ
diff --git a/assets/resources/gui/uis/star.png.meta b/assets/resources/gui/uis/star.png.meta
new file mode 100644
index 00000000..6f372e76
--- /dev/null
+++ b/assets/resources/gui/uis/star.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "2b7465b9-b186-4c03-9303-6a62631f7a80",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "2b7465b9-b186-4c03-9303-6a62631f7a80@6c48a",
+      "displayName": "star",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "2b7465b9-b186-4c03-9303-6a62631f7a80",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "2b7465b9-b186-4c03-9303-6a62631f7a80@f9941",
+      "displayName": "star",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 38,
+        "height": 38,
+        "rawWidth": 38,
+        "rawHeight": 38,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -19,
+            -19,
+            0,
+            19,
+            -19,
+            0,
+            -19,
+            19,
+            0,
+            19,
+            19,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            38,
+            38,
+            38,
+            0,
+            0,
+            38,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -19,
+            -19,
+            0
+          ],
+          "maxPos": [
+            19,
+            19,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "2b7465b9-b186-4c03-9303-6a62631f7a80@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "2b7465b9-b186-4c03-9303-6a62631f7a80@f9941"
+  }
+}
diff --git a/assets/resources/gui/uis/table.png b/assets/resources/gui/uis/table.png
new file mode 100644
index 00000000..4cdc6d24
Binary files /dev/null and b/assets/resources/gui/uis/table.png differ
diff --git a/assets/resources/gui/uis/table.png.meta b/assets/resources/gui/uis/table.png.meta
new file mode 100644
index 00000000..0abc3265
--- /dev/null
+++ b/assets/resources/gui/uis/table.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "f25b4fd6-e7d0-4c21-b49a-736b850d13e4",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "f25b4fd6-e7d0-4c21-b49a-736b850d13e4@6c48a",
+      "displayName": "table",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f25b4fd6-e7d0-4c21-b49a-736b850d13e4",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "f25b4fd6-e7d0-4c21-b49a-736b850d13e4@f9941",
+      "displayName": "table",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 966,
+        "height": 627,
+        "rawWidth": 966,
+        "rawHeight": 627,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -483,
+            -313.5,
+            0,
+            483,
+            -313.5,
+            0,
+            -483,
+            313.5,
+            0,
+            483,
+            313.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            627,
+            966,
+            627,
+            0,
+            0,
+            966,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -483,
+            -313.5,
+            0
+          ],
+          "maxPos": [
+            483,
+            313.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f25b4fd6-e7d0-4c21-b49a-736b850d13e4@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "f25b4fd6-e7d0-4c21-b49a-736b850d13e4@f9941"
+  }
+}
diff --git a/assets/resources/gui/uis/window_.png b/assets/resources/gui/uis/window_.png
new file mode 100644
index 00000000..cf15cd72
Binary files /dev/null and b/assets/resources/gui/uis/window_.png differ
diff --git a/assets/resources/gui/uis/window_.png.meta b/assets/resources/gui/uis/window_.png.meta
new file mode 100644
index 00000000..0ea39efa
--- /dev/null
+++ b/assets/resources/gui/uis/window_.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "96ba16ae-d6ac-48d8-9da5-1f8afa718328",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "96ba16ae-d6ac-48d8-9da5-1f8afa718328@6c48a",
+      "displayName": "window_",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "96ba16ae-d6ac-48d8-9da5-1f8afa718328",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "96ba16ae-d6ac-48d8-9da5-1f8afa718328@f9941",
+      "displayName": "window_",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 69,
+        "height": 41,
+        "rawWidth": 69,
+        "rawHeight": 41,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -34.5,
+            -20.5,
+            0,
+            34.5,
+            -20.5,
+            0,
+            -34.5,
+            20.5,
+            0,
+            34.5,
+            20.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            41,
+            69,
+            41,
+            0,
+            0,
+            69,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -34.5,
+            -20.5,
+            0
+          ],
+          "maxPos": [
+            34.5,
+            20.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "96ba16ae-d6ac-48d8-9da5-1f8afa718328@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "96ba16ae-d6ac-48d8-9da5-1f8afa718328@f9941"
+  }
+}
diff --git a/assets/resources/gui/uis/window_3.png b/assets/resources/gui/uis/window_3.png
new file mode 100644
index 00000000..73ab5ba8
Binary files /dev/null and b/assets/resources/gui/uis/window_3.png differ
diff --git a/assets/resources/gui/uis/window_3.png.meta b/assets/resources/gui/uis/window_3.png.meta
new file mode 100644
index 00000000..f450bc34
--- /dev/null
+++ b/assets/resources/gui/uis/window_3.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "22bee33c-fadd-4aa4-92ee-767394ae90b7",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "22bee33c-fadd-4aa4-92ee-767394ae90b7@6c48a",
+      "displayName": "window_3",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "22bee33c-fadd-4aa4-92ee-767394ae90b7",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "22bee33c-fadd-4aa4-92ee-767394ae90b7@f9941",
+      "displayName": "window_3",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 178,
+        "height": 736,
+        "rawWidth": 178,
+        "rawHeight": 736,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -89,
+            -368,
+            0,
+            89,
+            -368,
+            0,
+            -89,
+            368,
+            0,
+            89,
+            368,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            736,
+            178,
+            736,
+            0,
+            0,
+            178,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -89,
+            -368,
+            0
+          ],
+          "maxPos": [
+            89,
+            368,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "22bee33c-fadd-4aa4-92ee-767394ae90b7@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "22bee33c-fadd-4aa4-92ee-767394ae90b7@f9941"
+  }
+}
diff --git a/assets/resources/gui/uis/zip.png b/assets/resources/gui/uis/zip.png
new file mode 100644
index 00000000..1088ba8b
Binary files /dev/null and b/assets/resources/gui/uis/zip.png differ
diff --git a/assets/resources/gui/uis/zip.png.meta b/assets/resources/gui/uis/zip.png.meta
new file mode 100644
index 00000000..26d84aa4
--- /dev/null
+++ b/assets/resources/gui/uis/zip.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "e7eeb9be-5b23-4190-8f46-57d142e64939",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "e7eeb9be-5b23-4190-8f46-57d142e64939@6c48a",
+      "displayName": "zip",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "e7eeb9be-5b23-4190-8f46-57d142e64939",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "e7eeb9be-5b23-4190-8f46-57d142e64939@f9941",
+      "displayName": "zip",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 102,
+        "height": 132,
+        "rawWidth": 102,
+        "rawHeight": 132,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -51,
+            -66,
+            0,
+            51,
+            -66,
+            0,
+            -51,
+            66,
+            0,
+            51,
+            66,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            132,
+            102,
+            132,
+            0,
+            0,
+            102,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -51,
+            -66,
+            0
+          ],
+          "maxPos": [
+            51,
+            66,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "e7eeb9be-5b23-4190-8f46-57d142e64939@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "e7eeb9be-5b23-4190-8f46-57d142e64939@f9941"
+  }
+}