diff --git a/.DS_Store b/.DS_Store index e7bfc53..e598489 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/tree/imgs/monteferro/farmer1.gif b/tree/imgs/monteferro/farmer1.gif new file mode 100644 index 0000000..7bbb9be Binary files /dev/null and b/tree/imgs/monteferro/farmer1.gif differ diff --git a/tree/imgs/spring_river/.DS_Store b/tree/imgs/spring_river/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/tree/imgs/spring_river/.DS_Store differ diff --git a/tree/imgs/spring_river/amanda.gif b/tree/imgs/spring_river/amanda.gif new file mode 100644 index 0000000..e90f855 Binary files /dev/null and b/tree/imgs/spring_river/amanda.gif differ diff --git a/tree/imgs/spring_river/army1.gif b/tree/imgs/spring_river/army1.gif deleted file mode 100644 index 1dcfd27..0000000 Binary files a/tree/imgs/spring_river/army1.gif and /dev/null differ diff --git a/tree/imgs/spring_river/children_cage_1.gif b/tree/imgs/spring_river/children_cage_1.gif new file mode 100644 index 0000000..12a0698 Binary files /dev/null and b/tree/imgs/spring_river/children_cage_1.gif differ diff --git a/tree/imgs/spring_river/children_cage_2.gif b/tree/imgs/spring_river/children_cage_2.gif new file mode 100644 index 0000000..3b76731 Binary files /dev/null and b/tree/imgs/spring_river/children_cage_2.gif differ diff --git a/tree/imgs/spring_river/children_cage_fire_1.gif b/tree/imgs/spring_river/children_cage_fire_1.gif new file mode 100644 index 0000000..dd1a468 Binary files /dev/null and b/tree/imgs/spring_river/children_cage_fire_1.gif differ diff --git a/tree/imgs/spring_river/children_cage_fire_2.gif b/tree/imgs/spring_river/children_cage_fire_2.gif new file mode 100644 index 0000000..f43a00a Binary files /dev/null and b/tree/imgs/spring_river/children_cage_fire_2.gif differ diff --git a/tree/imgs/spring_river/children_free_1.gif b/tree/imgs/spring_river/children_free_1.gif new file mode 100644 index 0000000..0e9e585 Binary files /dev/null and b/tree/imgs/spring_river/children_free_1.gif differ diff --git a/tree/imgs/spring_river/children_free_2.gif b/tree/imgs/spring_river/children_free_2.gif new file mode 100644 index 0000000..f3cfb5f Binary files /dev/null and b/tree/imgs/spring_river/children_free_2.gif differ diff --git a/tree/imgs/spring_river/decoration.gif b/tree/imgs/spring_river/decoration.gif new file mode 100644 index 0000000..f437109 Binary files /dev/null and b/tree/imgs/spring_river/decoration.gif differ diff --git a/tree/imgs/spring_river/decoration2.gif b/tree/imgs/spring_river/decoration2.gif new file mode 100644 index 0000000..4935855 Binary files /dev/null and b/tree/imgs/spring_river/decoration2.gif differ diff --git a/tree/imgs/spring_river/decoration_good.gif b/tree/imgs/spring_river/decoration_good.gif new file mode 100644 index 0000000..a17a27d Binary files /dev/null and b/tree/imgs/spring_river/decoration_good.gif differ diff --git a/tree/imgs/spring_river/fighter10.gif b/tree/imgs/spring_river/fighter10.gif new file mode 100644 index 0000000..4a7d66f Binary files /dev/null and b/tree/imgs/spring_river/fighter10.gif differ diff --git a/tree/imgs/spring_river/fire2.gif b/tree/imgs/spring_river/fire2.gif new file mode 100644 index 0000000..22526e2 Binary files /dev/null and b/tree/imgs/spring_river/fire2.gif differ diff --git a/tree/imgs/spring_river/fire_once2.gif b/tree/imgs/spring_river/fire_once2.gif new file mode 100644 index 0000000..c82db0b Binary files /dev/null and b/tree/imgs/spring_river/fire_once2.gif differ diff --git a/tree/imgs/spring_river/satan1.gif b/tree/imgs/spring_river/satan1.gif new file mode 100644 index 0000000..0bfa8de Binary files /dev/null and b/tree/imgs/spring_river/satan1.gif differ diff --git a/tree/imgs/spring_river/satan2.gif b/tree/imgs/spring_river/satan2.gif new file mode 100644 index 0000000..4e6433a Binary files /dev/null and b/tree/imgs/spring_river/satan2.gif differ diff --git a/tree/imgs/spring_river/satan3.gif b/tree/imgs/spring_river/satan3.gif new file mode 100644 index 0000000..e3866c9 Binary files /dev/null and b/tree/imgs/spring_river/satan3.gif differ diff --git a/tree/imgs/spring_river/satan4.gif b/tree/imgs/spring_river/satan4.gif new file mode 100644 index 0000000..010a7df Binary files /dev/null and b/tree/imgs/spring_river/satan4.gif differ diff --git a/tree/imgs/spring_river/teacher1.gif b/tree/imgs/spring_river/teacher1.gif new file mode 100644 index 0000000..a9a9125 Binary files /dev/null and b/tree/imgs/spring_river/teacher1.gif differ diff --git a/tree/imgs/spring_river/teacher2.gif b/tree/imgs/spring_river/teacher2.gif new file mode 100644 index 0000000..6942ac4 Binary files /dev/null and b/tree/imgs/spring_river/teacher2.gif differ diff --git a/tree/imgs/spring_river/teacher3.gif b/tree/imgs/spring_river/teacher3.gif new file mode 100644 index 0000000..054ded6 Binary files /dev/null and b/tree/imgs/spring_river/teacher3.gif differ diff --git a/tree/imgs/spring_river/teacher4.gif b/tree/imgs/spring_river/teacher4.gif new file mode 100644 index 0000000..0ba3aa3 Binary files /dev/null and b/tree/imgs/spring_river/teacher4.gif differ diff --git a/tree/imgs/spring_river/tree4.gif b/tree/imgs/spring_river/tree.gif similarity index 100% rename from tree/imgs/spring_river/tree4.gif rename to tree/imgs/spring_river/tree.gif diff --git a/tree/imgs/spring_river/tree_rotate.gif b/tree/imgs/spring_river/tree_rotate.gif new file mode 100644 index 0000000..f2fa705 Binary files /dev/null and b/tree/imgs/spring_river/tree_rotate.gif differ diff --git a/tree/spring_river.css b/tree/spring_river.css index 0886daa..559d08d 100644 --- a/tree/spring_river.css +++ b/tree/spring_river.css @@ -124,7 +124,7 @@ div#player_img { top: 40%; left: 100%; position:absolute ; - z-index: 3; + z-index: 2; } .army { @@ -140,7 +140,7 @@ div#player_img { top:50%; left: 80%; position: absolute; - z-index:0; + z-index:2; } #fighter2 { top:5%; @@ -152,147 +152,127 @@ div#player_img { top:20%; left: 30%; position: absolute; - z-index:0; + z-index:2; } #fighter4 { top:100%; left: 45%; position: absolute; - z-index:0; + z-index:5; } #fighter5 { top:40%; left: 50%; position: absolute; - z-index:0; + z-index:2; } #fighter6 { top:70%; left: 65%; position: absolute; - z-index:0; + z-index:3; } #fighter7 { - top:58%; - left: 40%; + top:68%; + left: 44%; position: absolute; - z-index:0; + z-index:3; } #fighter8 { top:50%; left: 5%; position: absolute; - z-index:0; + z-index:3; } #fighter9 { top:50%; left: 5%; position: absolute; - z-index:0; + z-index:3; } -/*images*/ - - -#tree1 { - top:6%; - left: 17%; +.children1 { + top:5%; + right: 8%; position: absolute; - z-index:0; - } -#tree2 { + +.children2 { top:40%; - left: 14%; + right: 2%; position: absolute; - z-index:2; } -#tree3 { - bottom:45%; - left: 30%; + +.decoration { + top:35%; + right: 13.5%; position: absolute; - z-index:2; } -#tree4{ - bottom: 20%; - left: 70%; +.figure1{ + top:15%; + right: 13%; position: absolute; - z-index:4; } -#tree5{ - top: 10%; - right: 4%; +.figure2{ + top:40%; + right: 8%; position: absolute; - z-index:1; } -#tree6{ - top: 10%; - left: 40%; +.figure3{ + top:50%; + right: 15%; position: absolute; - z-index:1; } - -#flower1 { - bottom:68%; - left: 5%; +.figure4{ + top:30%; + right: 3%; position: absolute; - z-index:0; } -#flower2{ - bottom: 28%; - left: 1.5%; - position: absolute; - z-index:17; -} -#flower3{ - bottom: 50%; - left: 13%; + + +/*images*/ + + +.tree1 { + top:6%; + left: 17%; position: absolute; - z-index:2; + z-index:1; + } -#flower4{ - bottom: 35%; - left: 22%; +.tree2 { + top:40%; + left: 14%; position: absolute; - z-index:2; + z-index:4; } -#flower5{ - bottom: 65%; - left: 17%; +.tree3 { + bottom:38%; + left: 30%; position: absolute; - z-index:0; + z-index:4; } -#flower6{ - bottom: 65%; - left: 80%; +.tree4{ + bottom: 20%; + left: 60%; position: absolute; - z-index:2; + z-index:6; } - -#flower7{ - bottom: 50%; - left: 55%; +.tree5{ + top: 10%; + right: 4%; position: absolute; - z-index:0; + z-index:1; } - -#flower8{ - bottom: 30%; - left: 97%; +.tree6{ + top: 10%; + left: 40%; position: absolute; z-index:1; - } - -#flower9{ - top: 23%; - left: 32%; - position: absolute; - cursor: pointer; - z-index:0; } diff --git a/tree/spring_river.html b/tree/spring_river.html index 4248338..0d110d5 100644 --- a/tree/spring_river.html +++ b/tree/spring_river.html @@ -23,25 +23,69 @@ - +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ + +
- - - - - - +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
You and your army arrived at the Spring River Natural Park.
- Move with the right arrow to find the children! + Move around with your army to find the children!
@@ -69,8 +113,8 @@ //adjust camera scroll var $div = $('.army'); - var screenLeftMin = 100; - var screenLeftMax = 780; + var screenLeftMin = 50; + var screenLeftMax = 400; function adjustScroll() { var playerLeft = parseInt($div.css("left")); @@ -101,17 +145,34 @@ $(document).keydown(function(e) { var left_val_only = parseInt(left_val_px); var left_Percentage = (left_val_only/parent_width) * 100; console.log ("left %", left_Percentage); -/* - if (top_Percentage > 65) { - $div.css ("zIndex", 5) + + if (left_Percentage >= 9) { + $("#tree1,#tree2").hide(); + $("#tree_flipped1, #tree_flipped2").show(); } - if (top_Percentage < 55 && top_Percentage > 39) { - $div.css ("zIndex", 4) + + if (left_Percentage >= 22) { + $("#tree3").hide(); + $("#tree_flipped3").show(); + } + + if (left_Percentage >= 33) { + $("#tree6").hide(); + $("#tree_flipped6").show(); } - if (top_Percentage < 39) { - $div.css ("zIndex", 1) + if (left_Percentage >= 54) { + $("#tree4").hide(); + $("#tree_flipped4").show(); + } + + /* + if (left_Percentage < 55 && top_Percentage > 39) { + } - */ + if (left_Percentage < 39) { + + }*/ + switch (e.which) { case 37: @@ -129,11 +190,15 @@ $(document).keydown(function(e) { if (offset.left < 80) { offset.left = 80; } - if (offset.left > $("#ground").width() - 250) { - offset.left = $("#ground").width() - 250; - + if (offset.left > $("#ground").width() - 1350) { + offset.left = $("#ground").width() - 1350; + $(document).scrollLeft(4000); + + /* maybe here add message end*/ } + + $div.css("left", offset.left); $div.css("top", offset.top); e.preventDefault();