 
 
   draw_mask: (grid) ->
-    @hex_draw.set_context("canvas")
+    console.log " "
+    console.log "draw_mask()"
+    console.log "   & & & & @color = #{@color} & & & &"
+    #  ### N E W  <6> ###  #
+    # @hex_draw.set_context("canvas")
+    # cnv = document.getElementById("puzzle-widget")
+    # ctx = cnv.getContext('2d')
+    zzz = 0 # EXTRA
     for bb in [1..10]
       for aa in [1..24]
-        @hex_draw.fill_hex_ab(aa,bb,@color) if grid[bb][aa] in @puzzle.pz_status.unset_pieces
+        # @hex_draw.fill_hex_ab(aa,bb,@color) if grid[bb][aa] in @puzzle.pz_status.unset_pieces
+        if grid[bb][aa] in @puzzle.pz_status.unset_pieces
+          #  ### N E W  <7> ###  #
+          @hex_draw.ctx_fill_hex_ab(aa,bb,@color)
+          # @hex_draw.fill_hex_ab(aa,bb,@color)
+          zzz = zzz + 1
+    console.log "   #{zzz} hexes added to mask"
 
 
 

    @reset()
    @photo = new Image()
    @photo.onload = =>
      @draw_photo()
    @photo.src = '/pz-photo'




  fill_hex_ab: (a,b,color) ->
    xy = @get_hex_xy(a,b)
    @fill_hex_xy(xy[0],xy[1],color)


  ctx_fill_hex_ab: (ctx,a,b,color) ->
    #  ### <9> ###  #
    cnv = document.getElementById("puzzle-widget")
    @context = cnv.getContext('2d')
    xy = @get_hex_xy(a,b)
    @fill_hex_xy(xy[0],xy[1],color)

