main.js

@@ -12,8 +12,8 @@ let tileMap = [
     '                ',
     'wtwwwwwwwwwwwwww',
     'wt ttttttt ttttw',
-    'wt$imttttttitttw',
+    'wt$imttttttihttw',
-    'wtt tt ttttitttw',
+    'wtt tt ttttisttw',
     'wtttttttttt tttw',
     'wt ttttttt ttttw',
     'wt ttwtttt ttttw',
@@ -58,12 +58,15 @@ function preload(){
     water_img = loadImage("/assets/Water.webp");
     lava_img = loadImage("/assets/Lava.webp");
     flag_img = loadImage("/assets/Flag.webp");
+
     is_img = loadImage("/assets/Text_IS.webp");
     win_img = loadImage("/assets/Win.webp");
     you_img = loadImage("/assets/You.webp");
     move_img = loadImage("/assets/Move.webp");
-    stopText_img = loadImage("/assets/Stop.webp");
+    hot_img = loadImage("/assets/Hot.webp");
+    sink_img = loadImage("/assets/Sink.webp");
 
+    stopText_img = loadImage("/assets/Stop.webp");
     baba_text_img = loadImage("/assets/Text_BABA.webp");
     flag_text_img = loadImage("/assets/Text_FLAG.webp");
     rock_text_img = loadImage("/assets/Text_ROCK.webp");
@@ -169,6 +172,20 @@ function setup(){
     move.tile = 'm';
     move.scale = tileSize/move_img.width;
 
+    // hot
+    let hot = new Group();
+    hot.img = hot_img;
+    hot.collider = 'dyinamic';
+    hot.tile = 'h';
+    hot.scale = tileSize/hot_img.width;
+
+    // sink
+    let sink = new Group();
+    sink.img = sink_img;
+    sink.collider = 'dyinamic';
+    sink.tile = 's';
+    sink.scale = tileSize/sink_img.width;
+
     new Tiles(tileMap, tileSize/2, tileSize/2, tileSize, tileSize);
 
     //BABA