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