diff --git a/assets/Media/Images/Game/UI/VirtualJuystick.meta b/assets/Media/Images/Game/UI/VirtualJuystick.meta
new file mode 100644
index 0000000..aae9f97
--- /dev/null
+++ b/assets/Media/Images/Game/UI/VirtualJuystick.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.1.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "b1148d9b-15b5-41e8-b78e-1111828d4b42",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/Media/Images/Game/UI/VirtualJuystick/VirJoyInner.png b/assets/Media/Images/Game/UI/VirtualJuystick/VirJoyInner.png
new file mode 100644
index 0000000..0643009
Binary files /dev/null and b/assets/Media/Images/Game/UI/VirtualJuystick/VirJoyInner.png differ
diff --git a/assets/Media/Images/Game/UI/VirtualJuystick/VirJoyInner.png.meta b/assets/Media/Images/Game/UI/VirtualJuystick/VirJoyInner.png.meta
new file mode 100644
index 0000000..7a88466
--- /dev/null
+++ b/assets/Media/Images/Game/UI/VirtualJuystick/VirJoyInner.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.25",
+  "importer": "image",
+  "imported": true,
+  "uuid": "aea2c33e-3f43-4623-8c68-750cb033c3a0",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "aea2c33e-3f43-4623-8c68-750cb033c3a0@6c48a",
+      "displayName": "VirJoyInner",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "nearest",
+        "magfilter": "nearest",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "aea2c33e-3f43-4623-8c68-750cb033c3a0",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "aea2c33e-3f43-4623-8c68-750cb033c3a0@f9941",
+      "displayName": "VirJoyInner",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 11,
+        "height": 11,
+        "rawWidth": 11,
+        "rawHeight": 11,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -5.5,
+            -5.5,
+            0,
+            5.5,
+            -5.5,
+            0,
+            -5.5,
+            5.5,
+            0,
+            5.5,
+            5.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            11,
+            11,
+            11,
+            0,
+            0,
+            11,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -5.5,
+            -5.5,
+            0
+          ],
+          "maxPos": [
+            5.5,
+            5.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "aea2c33e-3f43-4623-8c68-750cb033c3a0@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.11",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": true,
+    "hasAlpha": true,
+    "redirect": "aea2c33e-3f43-4623-8c68-750cb033c3a0@f9941"
+  }
+}
diff --git a/assets/Media/Images/Game/UI/VirtualJuystick/VirJoyOutter.png b/assets/Media/Images/Game/UI/VirtualJuystick/VirJoyOutter.png
new file mode 100644
index 0000000..665ef5a
Binary files /dev/null and b/assets/Media/Images/Game/UI/VirtualJuystick/VirJoyOutter.png differ
diff --git a/assets/Media/Images/Game/UI/VirtualJuystick/VirJoyOutter.png.meta b/assets/Media/Images/Game/UI/VirtualJuystick/VirJoyOutter.png.meta
new file mode 100644
index 0000000..8bb3cc2
--- /dev/null
+++ b/assets/Media/Images/Game/UI/VirtualJuystick/VirJoyOutter.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.25",
+  "importer": "image",
+  "imported": true,
+  "uuid": "609b1e5c-ea59-45f1-8b04-f17ee69ac79b",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "609b1e5c-ea59-45f1-8b04-f17ee69ac79b@6c48a",
+      "displayName": "VirJoyOutter",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "nearest",
+        "magfilter": "nearest",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "609b1e5c-ea59-45f1-8b04-f17ee69ac79b",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "609b1e5c-ea59-45f1-8b04-f17ee69ac79b@f9941",
+      "displayName": "VirJoyOutter",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 25,
+        "height": 25,
+        "rawWidth": 25,
+        "rawHeight": 25,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -12.5,
+            -12.5,
+            0,
+            12.5,
+            -12.5,
+            0,
+            -12.5,
+            12.5,
+            0,
+            12.5,
+            12.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            25,
+            25,
+            25,
+            0,
+            0,
+            25,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -12.5,
+            -12.5,
+            0
+          ],
+          "maxPos": [
+            12.5,
+            12.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "609b1e5c-ea59-45f1-8b04-f17ee69ac79b@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.11",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": true,
+    "hasAlpha": true,
+    "redirect": "609b1e5c-ea59-45f1-8b04-f17ee69ac79b@f9941"
+  }
+}
diff --git a/assets/Scenes/Game.scene b/assets/Scenes/Game.scene
index 5d5f464..ed124ce 100644
--- a/assets/Scenes/Game.scene
+++ b/assets/Scenes/Game.scene
@@ -2724,8 +2724,8 @@
     },
     "_lscale": {
       "__type__": "cc.Vec3",
-      "x": 0.5,
-      "y": 0.5,
+      "x": 1,
+      "y": 1,
       "z": 1
     },
     "_layer": 33554432,
@@ -2748,8 +2748,8 @@
     "__prefab": null,
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 26,
-      "height": 26
+      "width": 22,
+      "height": 22
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -2772,18 +2772,18 @@
     "_dstBlendFactor": 4,
     "_color": {
       "__type__": "cc.Color",
-      "r": 153,
-      "g": 65,
-      "b": 65,
+      "r": 255,
+      "g": 255,
+      "b": 255,
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__uuid__": "aea2c33e-3f43-4623-8c68-750cb033c3a0@f9941",
       "__expectedType__": "cc.SpriteFrame"
     },
     "_type": 0,
     "_fillType": 0,
-    "_sizeMode": 1,
+    "_sizeMode": 0,
     "_fillCenter": {
       "__type__": "cc.Vec2",
       "x": 0,
@@ -2807,8 +2807,8 @@
     "__prefab": null,
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 26,
-      "height": 26
+      "width": 50,
+      "height": 50
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -2837,12 +2837,12 @@
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__uuid__": "609b1e5c-ea59-45f1-8b04-f17ee69ac79b@f9941",
       "__expectedType__": "cc.SpriteFrame"
     },
     "_type": 0,
     "_fillType": 0,
-    "_sizeMode": 1,
+    "_sizeMode": 0,
     "_fillCenter": {
       "__type__": "cc.Vec2",
       "x": 0,