user500665's questions

Tenho duas entradas de alcance. A primeira nunca deve ser maior que a segunda, e a segunda nunca deve ser menor que a primeira.

O problema com meu script é que os controles deslizantes pulam ou se encaixam no mínimo ou máximo. Funciona perfeitamente se eu alterar o limite para um número fixo, mas não com o valor de entrada...

Aqui está um exemplo do que tentei:

function minRange(input) {
    let limit = document.getElementById('max').value;           
    if(input.value >= limit) {
        input.value = limit;
    };
};

function maxRange(input) {
    let limit = document.getElementById('min').value;   
    if(input.value <= limit) {
        input.value = limit;
    };
};

<div><input id="min" type="range" min="0" max="100" value="0" step="1" onInput="minRange(this)" /></div>
<div><input id="max" type="range" min="0" max="100" value="100" step="1" onInput="maxRange(this)" /></div>

Usando MatterJS eu tenho uma pilha de círculos e um retângulo de chão:

var stack = Composites.stack(300, 0, 3, 3, 10, 10, function(x, y) {
    return Bodies.circle(x, y, Common.random(10, 20), {friction: 0, restitution: 0.2, density: 0.001 });
}); 

Composite.add(world, stack);

Composite.add(world, [
    Bodies.rectangle(300, 300, 600, 20, { isStatic: true, friction: 0, render: { fillStyle: '#060a19' } }),
]); 

Como faço para que esses círculos se ignorem e colidam apenas com o retângulo do meu chão?