Basic

        
  Muzzle.basic(1, 2, './torta_1_sinborde.svg');
        
        

Basic (horizontal)

          
  Muzzle.basic(3, 1, './torta_1_sinborde.svg');
          
        

Basic (squared)

          
  Muzzle.basic(3, 3, './torta_1_sinborde.svg')
          
        

Basic 3x3 (solved)

          
  Muzzle.basic(3, 3, './torta_1_sinborde.svg').then(it => {
    it.solve();
    solved.resetCoordinates();
    it.redraw();
    solved.focus();
  });
          
        

Basic spiky (fixed aspect ratio)

          
  Muzzle.aspectRatio = 1;
  Muzzle.spiky = true;
  Muzzle.basic(1, 2, './torta_1_sinborde.svg');
          
        

Basic (vertical fit)

          
  Muzzle.aspectRatio = 1;
  Muzzle.fitImagesVertically = true;
  Muzzle.basic(1, 2, './torta_1_sinborde.svg');
          
        

Match

          
  const baseUrl = 'https://raw.githubusercontent.com/MumukiProject/mumuki-guia-gobstones-alternativa-kids/master/assets/attires/';
  Muzzle.match([
    `${baseUrl}/va_vacio.png`,
    `${baseUrl}/cu_vacio.png`,
    `${baseUrl}/chips_poco.png`
  ], [
    `${baseUrl}/va_fru.png`,
    `${baseUrl}/cu_vai.png`,
    `${baseUrl}/chips_mucho.png`,
  ], {
    leftOddUrls: [ `${baseUrl}/choc_mitad_vacio2.png` ]
  });
          
        

Match (Irregular Pieces With Fixed Fit)

          
  const baseUrl = 'https://raw.githubusercontent.com/MumukiProject/mumuki-guia-gobstones-alternativa-kids/master/assets/attires/';
  Muzzle.aspectRatio = 0.5; // left pieces are 1:2
  Muzzle.fitImagesVertically = false;
  Muzzle.strokeWidth = 6; // compensate the thinner stroke
  Muzzle.match([
    `${baseUrl}/va_vacio.png`,
    `${baseUrl}/cu_vacio.png`,
    `${baseUrl}/chips_poco.png`
  ], [
    `${baseUrl}/va_fru.png`,
    `${baseUrl}/cu_vai.png`,
    `${baseUrl}/chips_mucho.png`,
  ], {
    leftOddUrls: [ `${baseUrl}/choc_mitad_vacio2.png` ],
    rightAspectRatio: 1 // right pieces are 1:1
  });
          
        

Match (Custom shuffler)

          
  const baseUrl = 'https://raw.githubusercontent.com/MumukiProject/mumuki-guia-gobstones-alternativa-kids/master/assets/attires/';
  Muzzle.shuffler = Muzzle.Shuffler.line;
  Muzzle.match([
    `${baseUrl}/va_vacio.png`,
    `${baseUrl}/cu_vacio.png`,
  ], [
    `${baseUrl}/va_fru.png`,
    `${baseUrl}/cu_vai.png`,
  ], {
    leftOddUrls: [ `${baseUrl}/choc_mitad_vacio2.png`, `${baseUrl}/chips_poco.png` ],
  });
          
        

Choose

          
  const baseUrl = 'https://raw.githubusercontent.com/MumukiProject/mumuki-guia-gobstones-primeros-programas-kinder-2/master/assets/';
  Muzzle.aspectRatio = 0.5 // left pieces are 1:2
  Muzzle.choose(
    `${baseUrl}/match12_prog_si_1606331704226.svg`,
    `${baseUrl}/match12_tab_1606331726883.svg`, [
      `${baseUrl}/match12_prog_no_1606331627470.svg`,
    ], 1); // right pieces are 1:1
          
        

Try