В настоящее время работаю над анимацией Google Web Designer, где я добавил эффект частиц (огонь). Stati c preview-image
Теперь, когда я изменяю значения атрибута (используя Javascript) элемента gwdparticle, атрибуты устанавливаются на элементе HTML ( Снимок экрана HTML -код )
//custom function for multiple attributes at once in JS
function setAttributes(el, attrs) {
Object.keys(attrs).forEach(key => el.setAttribute(key, attrs[key]));
}
var fireProps = gwd.actions.events.getElementById('particles_properties');
setAttributes(fireProps, {
"number": "50",
"speed-min": "0.5",
"speed-max": "1.3",
"acceleration-x": "0",
"acceleration-y": "0.75",
etc...
});
Но при этом «частицы» кажутся «исчезающими», оставляя меня с черным фоном с ползунком (из первого скриншота) ).
Это потому, что они визуализируются с использованием 'canvas', а canvas, возможно, нужно перерисовать? Как это можно сделать?
ссылка на свойства частиц gwd: https://support.google.com/webdesigner/answer/6279926?hl=en&vid=1-635794172024313590-1514011264