prince86 1 сен 2016 в 10:38

Знакомство с p5.js

5 мин

39K

JavaScript*

Recovery Mode

+25

Комментарии 13

VDemot 1 сен 2016 в 13:18

Интересует несколько вопросов.
1. В цикле отрисовки все время происходит перерисовка всего холста или же только измененных его частей?
2. Поддерживается ли многослойность?

k1lly 1 сен 2016 в 18:25

Перерисовка происходит для всей «сцены», так что многие применяют трюки для борьбы с падением производительности.
Многослойность поддерживается так: что сначала в коде — то и рисуется ниже, то есть порядок определяет z-индекс элементов.

VDemot 1 сен 2016 в 19:43

Это трудно назвать многослойностью. Перерисовываться то все слои целиком тогда будут. Слои должны состоять из отдельных canvas элементов, наложенных друг на друга.

Sirion 2 сен 2016 в 08:55

На первый взгляд звучит как костыль. Такое где-нибудь в серьёзных либах вообще используется?

VDemot 2 сен 2016 в 09:11

Я думаю что это не костыль, а пока единственное возможное решение многослойности. За счёт чего и достигается производительность.
Простой пример, статичный фон 800х600 и анимированный спрайт 50х50. Зачем нам ~16 раз в секунду перерисовывать весь холст 800х600 только из-за анимации маленького спрайта? Вот и падение производительности.

Sirion 2 сен 2016 в 09:23

Как бы этот выигрыш в производительности не оказался съеден накладными расходами. Без бенчмарков я как-то не уверен.

VDemot 2 сен 2016 в 09:29

Ну а что тут измерять? Я думаю по примеру просто очевидно, 800х600 перерисовывать или 50х50.
Пример очень простой, но дает понять суть.

Sirion 2 сен 2016 в 09:32

Я сварщик не настоящий и в низкоуровневых аспектах графики разбираюсь плохо. Но что-то мне подсказывает, что браузер при любом изменении всё равно перерисовывает канвас целиком.

Zerstoren 2 сен 2016 в 13:00

По скорости несколько слоев выгодней, но оперативки жрет больше.

Личные наблюдения.

impfromliga 24 ноя 2019 в 21:10

Если слои будут очень разряженные и их будет много выйгрыш потеряется.
хотя это скорее редкая ситуация. Более чем достаточно использовать 8-16 слоев, чтобы реализовать ВСЕ. И так и нужно делать.