Мне бы хотелось иметь сравнение слайдеров с размытыми областями на 360-сцене в Three.JS
В настоящее время у меня есть слайдер сравнения, который работает над сценой ThreeJS. Я сравниваю две области размытия каждый раз, когда представлены два вида очков. Я использую фоновый фильтр, чтобы управлять этим размытием, и клип-путь, чтобы сделать ползунок сравнения.
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
&&
backdrop-filter: blur(80px);
-webkit-backdrop-filter: blur(80px);
Вы можете увидеть мой код здесь (удалите цвет фона, если вы просто хотите увидеть размытые области): https://codepen.io/guicolombel/pen/oNNgxNP
Я бы хотел, чтобы сравнение ползунков работало с областями размытия. Не имея возможности поставить фоновое изображение или изображение, у меня проблемы с поиском другого способа сделать это.
Заранее спасибо!