Добавила деревев, мусора, говорение жабки. Поменяла спрайт ключа

js/main.js

@@ -8,6 +8,7 @@ Game({
 		Key,
 		NPC,
 		Tree,
+		Tree2,
 		Trash
 	},
 	loaded: function() {

main.html

@@ -54,6 +54,7 @@
     <script src="object/NPC.js"></script>
     <script src="object/Zone.js"></script>
     <script src="object/Tree.js"></script>
+    <script src="object/Tree2.js"></script>
     <script src="object/Trash.js"></script>
     <script src="js/main.js"></script>
 

object/Key.js

@@ -19,6 +19,6 @@ class Key extends GameObject {
 	}
 	draw(){
 		this.render();
-		this.debug();
+		//this.debug();
 	}
 }
\ No newline at end of file

object/NPC.js

@@ -3,10 +3,12 @@ class NPC extends GameObject {
 		if(this.collide(Player)){
 			if(!this.saying){
 				if(this.sentance < this.Dialog.length){
+					if(this.sentance<2 || this.getItem('Player').tinCans>=8){
 						this.say( this.Dialog[ this.sentance ] );
 						this.sentance++;
 					}
 				}
+			}
 
 		}else{
 
@@ -52,6 +54,12 @@ class NPC extends GameObject {
 						passage.visible = false;
 					}
 				}, 2 );
+			},
+			growTrees: function(){
+				[
+					...this.getAll('Tree', {}),
+					...this.getAll('Tree2', {})
+				 ].forEach(tree=>tree.show());
 			}
 		}
 	}

object/Trash.js

@@ -9,6 +9,12 @@ class Trash extends GameObject {
 
 		   console.log('Tin cans = ', this.getItem( Player ).tinCans )
            this.visible = false;
+        //    var trees = [
+        //        ...this.getAll('Tree', {}),
+        //        ...this.getAll('Tree2', {})
+        //     ];
+        //     trees[this.getItem( Player ).tinCans].show();
+           
         }
     }
 }
\ No newline at end of file

object/Tree.js

 class Tree extends GameObject {
 	init(){
+		this.visible = false;
 		this.extendSprite();
 	}
+	show(){
+		this.opacity = 0;
+		this.visible = true;
+		this.animate( 'showTree', ( progress )=>{			
+			this.opacity = progress;
+		}, 1+Math.random()*2 );
+	}
 }
\ No newline at end of file

object/Tree2.js

+class Tree2 extends GameObject {
+	init(){
+		this.visible = false;
+		this.extendSprite();
+	}
+	show(){
+		this.opacity = 0;
+		this.visible = true;
+		this.animate( 'showTree', ( progress )=>{			
+			this.opacity = progress;
+		}, 1+Math.random()*2 );
+	}
+}
\ No newline at end of file