JSFiddle - React, Tailwind, and code Playground

by gRoberts

JavaScript

function getIdealSize(frames, height, perc) {
    height = perc/100 * height;
    var tmp = height / frames;
    while (tmp % 1 !== 0) {
        height--;
        tmp = height / frames;
    }
    return [frames, tmp, height];
}

console.log('woo1_1x30.png');
console.log(getIdealSize(30, 6540, 80));
console.log(getIdealSize(30, 6540, 40));
console.log('woo3_1x30.png');
console.log(getIdealSize(30, 6120, 80));
console.log(getIdealSize(30, 6120, 40));
console.log('woo4_1x30.png');
console.log(getIdealSize(30, 6540, 80));
console.log(getIdealSize(30, 6540, 40));
console.log('woo5_1x30.png');
console.log(getIdealSize(30, 6120, 80));
console.log(getIdealSize(30, 6120, 40));
console.log('woo6_1x30.png');
console.log(getIdealSize(30, 6750, 80));
console.log(getIdealSize(30, 6750, 40));

console.log('drum1_1x40.png');
console.log(getIdealSize(40, 9040, 80));
console.log(getIdealSize(40, 9040, 40));
console.log('drum1_2x60.png');
console.log(getIdealSize(60, 13560, 80));
console.log(getIdealSize(60, 13560, 40));

console.log('clap1_1x70.png');
console.log(getIdealSize(70, 15750, 80));
console.log(getIdealSize(70, 15750, 40));
console.log('clap2_1x90.png');
console.log(getIdealSize(90, 20250, 80));
console.log(getIdealSize(90, 20250, 40));

console.log('boo1_1x70.png');
console.log(getIdealSize(70, 15610, 80));
console.log(getIdealSize(70, 15610, 40));