Я пытаюсь создать симуляцию для рентгеновской трубки, где вы можете изменить ток или напряжение и увидеть влияние на электроны и фотоны.Я настроил электроны как систему частиц с компонентом системы-частицы-системы.(https://www.npmjs.com/package/aframe-particle-system-component/v/1.1.3) Теперь я пытаюсь изменить систему частиц с помощью ползунка. Проблема в том, что вход ползунка регистрируется, но это не влияет на систему частиц в сцене.
Странно для меня то, что система частиц изменится, когда я вызову функцию setAttribute () вне EventListener, но чем она меняется только один раз в начале, очевидно, что мне не помогает.
DOM объекта обновляется и показывает новое значение размера, когда я проверяю его в консоли. Даже инспектор кадров показывает обновленный размер. Но действительная система частиц в сцене все еще показывает размер,что я установил в html-файле.
Вот код js, который я использую для этого:
var elektron = document.querySelector('#ParticleSystem');
var scene = document.querySelector('a-scene');
//Var for the two sliders
var rangeCurrent = document.querySelector('#rangeCurrent');
var rangeVoltage = document.querySelector('#rangeVoltage');
var current = rangeCurrent.value;
var voltage = rangeVoltage.value;
//EventListener for the slider
rangeCurrent.addEventListener('change', function(){
current = rangeCurrent.value;
elektron.setAttribute('particle-system', {size: current});
});
Нет сообщений об ошибках.
I 'Я весь день занимался этой проблемой и был бы очень благодарен, если бы кто-нибудь мне помог!