try to resolve twin image flickering

dzenanr · May 28, 2013 · 9de99b1 · 9de99b1
1 parent 76f311c
commit 9de99b1
Show file tree

Hide file tree

Showing 23 changed files with 18 additions and 8 deletions.
diff --git a/educ_memory_game.html b/educ_memory_game.html
@@ -38,7 +38,7 @@ <h1>educ_memory_game</h1>
       <ul>
         <li>
           <a href="https://github.com/dzenanr/educ_memory_game">
-            Last Version
+            the last version with spirals in the spirals folder
           </a>
         </li>
       </ul>

diff --git a/images/adventure.jpg b/images/adventure.jpg
diff --git a/images/albion.jpg b/images/albion.jpg
diff --git a/images/alien.jpg b/images/alien.jpg
diff --git a/images/angry_birds.jpg b/images/angry_birds.jpg
diff --git a/images/cars.jpg b/images/cars.jpg
diff --git a/images/dices.jpg b/images/dices.jpg
diff --git a/images/empire.jpg b/images/empire.jpg
diff --git a/images/ewe.jpg b/images/ewe.jpg
diff --git a/images/football.jpg b/images/football.jpg
diff --git a/images/hitman2.jpg b/images/hitman2.jpg
diff --git a/images/hunger.jpg b/images/hunger.jpg
diff --git a/images/magic.jpg b/images/magic.jpg
diff --git a/images/mario.jpg b/images/mario.jpg
diff --git a/images/monsters.jpg b/images/monsters.jpg
diff --git a/images/planet.jpg b/images/planet.jpg
diff --git a/images/racing.jpg b/images/racing.jpg
diff --git a/images/samurai.jpg b/images/samurai.jpg
diff --git a/images/spiderman.jpg b/images/spiderman.jpg
diff --git a/images/wargame.jpg b/images/wargame.jpg
diff --git a/images/warriors.jpg b/images/warriors.jpg
diff --git a/images/wars2.jpg b/images/wars2.jpg
diff --git a/view/board.dart b/view/board.dart
@@ -14,16 +14,25 @@ class Board {
   Memory memory;
   Cell lastCellClicked;
 
-  
+ var imageMap = new Map<String, ImageElement>();
 
   Board(this.canvas, this.memory) {
     context = canvas.getContext('2d');
     size = canvas.width;
     boxSize = size / memory.length;
+    _createImages(memory);
     query('#canvas').onMouseDown.listen(onMouseDown);
     new Timer.periodic(const Duration(milliseconds: INTERVAL), (t) => draw());
   }
 
+  _createImages(Memory memory) {
+    for (var cell in memory.cells) {
+      ImageElement image = new Element.tag('img');
+      image.src = 'images/${cell.image}';
+      imageMap[cell.image] = image;
+    }
+  }
+
   void draw() {
     _clear();
     _boxes();
@@ -54,12 +63,13 @@ class Board {
       context.arc(centerX, centerY, radius, 0, 2 * PI, false);
     } else {
       var imagePath = 'images/${cell.image}';
-      ImageElement img = new Element.tag('img');
-      img.src = imagePath;
-      img.onLoad.listen((event) {
-        //context.clearRect(x, y, boxSize, boxSize);
-        context.drawImageToRect(img, new Rect(x, y, boxSize, boxSize));
-       });
+      ImageElement image = new Element.tag('img');
+      image.src = imagePath;
+      //ImageElement imageElement = imageMap[cell.image];      
+      image.onLoad.listen((event) {
+        context.drawImageToRect(image, new Rect(x, y, boxSize, boxSize));
+        //context.drawImage(image, x, y);
+      });
     }
     context.rect(x, y, boxSize, boxSize);
     context.fill();