Open alfedukovich opened 1 year ago
Там проблема в том что для рисования в svg нужно создать канвас svg, а у него в несколько раз медленнее работает рисование графики
99% времени занимают проверки пикселей - выбор лучшего пути и изменения массива исходного изображения. Отрисовка по-сравнению с этим, в любом случае будет казаться мнгновенной. Для проверки отключил отрисовку затирания линий на исходном изображении - скорость ощутимо не поменялась. На практике svg из 5000-10000 элементов появляется мнгновенно и изменения свойств на лету тоже происходит быстро.
а как быть с выводом исходного изображения?
Также как и сейчас. Просто правый круг рисовать в svg.
для этого нужно создать canvas в SVG, а в рамках одного p5js скетча канвас может быть только один. Можно сделать два через instance режим и сверстать под разные скетчи разные div блоки, но мне кажется это порка
я добавил в страничку svg слайдер, которым можно покрутить количество линий. Сейчас 1 мин гитхаб сайт обновит
а как такую гифку вставил? Отдельно делал или гитхаб как то сам?
Софтина в ubuntu(может для других систем есть)
Захватывает с экрана и выдает гифу?
Да. Вот такое простое окошко для захвата.
супер, я нашел себе аналог под вин
Кстати, по поводу быстродействия, в консоли браузера вот такое предлагают... Canvas2D: Multiple readback operations using getImageData are faster with the willReadFrequently attribute set to true. See: https://html.spec.whatwg.org/multipage/canvas.html#concept-canvas-will-read-frequently
для этого нужно вносить изменения в библиотеку p5js. Я пробовал, и то ли не заработало, то ли не стало быстрее, уже не помню
Это позволит менять толщину линий и количество линий после получения результата. И приведёт к единому виду результата в рендеринге и просмотре svg. Или сделать эти параметры изменяемыми в просмотре svg.