diff --git a/dist/shattered_sword_assets/images/story1.png b/dist/shattered_sword_assets/images/story1.png
new file mode 100644
index 0000000..fe2ddeb
Binary files /dev/null and b/dist/shattered_sword_assets/images/story1.png differ
diff --git a/dist/shattered_sword_assets/images/story2.png b/dist/shattered_sword_assets/images/story2.png
new file mode 100644
index 0000000..fd4de83
Binary files /dev/null and b/dist/shattered_sword_assets/images/story2.png differ
diff --git a/dist/shattered_sword_assets/jsons/samplestory.json b/dist/shattered_sword_assets/jsons/samplestory.json
index d39953e..73fe82a 100644
--- a/dist/shattered_sword_assets/jsons/samplestory.json
+++ b/dist/shattered_sword_assets/jsons/samplestory.json
@@ -6,6 +6,48 @@
         }
     ],
     "texts": [
+        {
+            "speaker": "",
+            "content": "There's a the legendary royal greatsword that is the only weapon powerful enough to slay the monster",
+            "actions": [
+                {
+                    "type": "loadSprite",
+                    "key": "sword",
+                    "path": "shattered_sword_assets/images/story1.png",
+                    "positon": [
+                        600,
+                        250
+                    ],
+                    "scale": [
+                        8,
+                        8
+                    ]
+                }
+            ]
+        },
+        {
+            "speaker": "",
+            "content": "But the monster shatter it into 6 pieces",
+            "actions": [
+                {
+                    "type": "hideSprite",
+                    "key": "sword"
+                },
+                {
+                    "type": "loadSprite",
+                    "key": "sword_shattered",
+                    "path": "shattered_sword_assets/images/story2.png",
+                    "positon": [
+                        600,
+                        250
+                    ],
+                    "scale": [
+                        8,
+                        8
+                    ]
+                }
+            ]
+        },
         {
             "speaker": "Hiro",
             "content": "Hello\r\n\nworld!",
diff --git a/dist/shattered_sword_assets/jsons/story.json b/dist/shattered_sword_assets/jsons/story.json
new file mode 100644
index 0000000..47ead3d
--- /dev/null
+++ b/dist/shattered_sword_assets/jsons/story.json
@@ -0,0 +1,52 @@
+{
+    "bgm": [
+        {
+            "key": "test",
+            "path": "shattered_sword_assets/sounds/test.mp3"
+        }
+    ],
+    "texts": [
+        {
+            "speaker": "",
+            "content": "There's a the legendary royal greatsword that is the only weapon powerful enough to slay the monster",
+            "actions": [
+                {
+                    "type": "loadSprite",
+                    "key": "sword",
+                    "path": "shattered_sword_assets/images/story1.png",
+                    "positon": [
+                        600,
+                        250
+                    ],
+                    "scale": [
+                        8,
+                        8
+                    ]
+                }
+            ]
+        },
+        {
+            "speaker": "",
+            "content": "But the monster shatter it into 6 pieces",
+            "actions": [
+                {
+                    "type": "hideSprite",
+                    "key": "sword"
+                },
+                {
+                    "type": "loadSprite",
+                    "key": "sword_shattered",
+                    "path": "shattered_sword_assets/images/story2.png",
+                    "positon": [
+                        600,
+                        250
+                    ],
+                    "scale": [
+                        8,
+                        8
+                    ]
+                }
+            ]
+        }
+    ]
+}
\ No newline at end of file
diff --git a/dist/shattered_sword_assets/spritesheets/Hiro.json b/dist/shattered_sword_assets/spritesheets/Hiro.json
index 86c3768..009acfd 100644
--- a/dist/shattered_sword_assets/spritesheets/Hiro.json
+++ b/dist/shattered_sword_assets/spritesheets/Hiro.json
@@ -6,8 +6,7 @@
 	"columns": 7,
 	"rows": 7,
 	"durationType": "time",
-	"animations": [
-		
+	"animations": [		
 		{
 			"name": "IDLE",
 			"repeat": true,
@@ -20,7 +19,6 @@
 					"index": 1,
 					"duration": 150
 				}
-
 			]
 		},
 		{
@@ -61,9 +59,42 @@
 				}
 			]
 		},
+		{
+			"name": "FALL",
+			"repeat": true,
+			"frames": [
+				{
+					"index": 0,
+					"duration": 150
+				},
+				{
+					"index": 1,
+					"duration": 150
+				}
+
+			]
+		},
 		{
 			"name": "JUMP",
 			"repeat": false,
+			"frames": [
+				{
+					"index": 30,
+					"duration": 150
+				},
+				{
+					"index": 31,
+					"duration": 150
+				},
+				{
+					"index": 32,
+					"duration": 150
+				}
+			]
+		},
+		{
+			"name": "JUMP_RIGHT",
+			"repeat": false,
 			"frames": [
 				{
 					"index": 20,
@@ -87,22 +118,6 @@
 				}
 			]
 		},
-		{
-			"name": "FALL",
-			"repeat": true,
-			"frames": [
-				{
-					"index": 0,
-					"duration": 150
-				},
-				{
-					"index": 1,
-					"duration": 150
-				}
-
-			]
-		},
-		
 		{
 			"name": "JUMP_LEFT",
 			"repeat": false,
@@ -129,24 +144,6 @@
 				}
 			]
 		},
-		{
-			"name": "JUMP_UP",
-			"repeat": false,
-			"frames": [
-				{
-					"index": 30,
-					"duration": 150
-				},
-				{
-					"index": 31,
-					"duration": 150
-				},
-				{
-					"index": 32,
-					"duration": 150
-				}
-			]
-		},
 		{
 			"name": "ATTACK",
 			"repeat": false,