Да, можно изменить скрипт, чтобы он работал на конкретном классе из HTML. В коде JavaScript вы можете использовать метод querySelector или querySelectorAll, чтобы выбрать элемент (элементы) с определенным классом, а затем манипулировать этими элементами или применять к ним желаемую функциональность. Вот пример того, как вы можете использовать метод querySelector для выбора изображения с классом «glitch_effect» и применить к нему эффект сбоя с помощью библиотеки p5.js:
// Select the image element with the class "glitch_effect"
const img = document.querySelector('.glitch_effect');
function setup() {
// Create a canvas and set its size
createCanvas(img.width, img.height);
// Draw the image on the canvas
image(img, 0, 0);
}
function draw() {
// Apply the glitch effect to the image
// (This would typically involve manipulating the pixels of the image)
// ...
}
Точно так же, если вы хотите выбрать несколько элементов с одним и тем же классом, вы можете вместо этого использовать метод querySelectorAll, который возвращает NodeList элементов, соответствующих переданному ему селектору.
const images = document.querySelectorAll('.glitch_effect');
images.forEach(image =>{
// apply effect to each image
})
Также важно отметить, что ваш сценарий должен располагаться после элементов, которые вы хотите выбрать. в приведенном выше примере у вас есть тег