Как применить один сценарий canvas к нескольким элементам страницы?
К примеру есть сценарий для работы canvas. Есть один элемент(холст), но надо сделать их больше на странице. Суть сценария прежний, но с другими параметрами и применяется к другим элементам. Вот наброски - codepen.io/zey_ser/pen/RPXovp
Главный вопрос: это вообще в теории возможно? То есть с какими-то изменениями, но в принципе реально?
Не хочу создавать 6 отдельных холстов и переписывать сценарий под каждый. Хотелось бы заполучить максимально гибкий код.
P.S. Я в процессе освоения как canvas так и JS. Прошу строго не судить, а ваши решения расписывать как для ученика.
P.P.S. Буду рад увидеть советы с другими принципами реализации основного замысла. Возможно SVG, CSS3... Возможно, что с ними будет проще.
Читая Ваш вопрос я невольно вспоминаю себя и то как, сам того не зная, задавал такие вопросы, ответы на которые были бы статьей или книгой.
Вот и с Вами так же. Вы просите слишком много и по этому либо вообще не получите ответ, либо получите тот который Вам до конца не поможет.
Разбейте свою задача как можно мельче и по каждому пункту уже спрашивайте.
copal: Эту анимацию можно сделать на SVG?
Можно сделать универсальный код, который будет запускать эту анимацию на n-количестве элементов?
Вытекает из второго вопроса. Каким способом можно реализовать подобное? Какую литературу почитать, чтобы сделать все самостоятельно?
сделать функцию . обвернуть в нее код . функция будет принимать изменившиеся параметры .просто вызываешь 10 раз свою функция с другими параметрами
функция мая(лево, право, верх, низ, еще что то){
твой код
}
мая(50, 25, 12, 35, т.д)
мая(15, 20, 12, 31, т.д)
мая(12, 25, 12, 15, т.д)
мая(10, 2, 2, 35, т.д)
Простой
