очистка canvas

[Simulator]

Здравствуйте!
Стало интересно когда какую очистку выгоднее использовать.
Например когда объектов на экране мало, что выгоднее:
Очищать всю канву сразу?

canvas.clearRect(0, 0, canvas.width, canvas.height);

или область для каждого объекта?

for(var i in objects){
canvas.clearRect(objects[i].x,objects[i].y,objects[i].width,objects[i].height);
}

а когда объектов много?
Спасибо!

[DjDiablo]

а сколько объектов ?

Если до фига то целиком.
Если 1-2 то можешь очищать область.

[Simulator]

а сколько объектов ?

Если до фига то целиком.
Если 1-2 то можешь очищать область.

да мне просто стало интересно, со скольки объектов выгоднее очищать сразу всю канву)
а так планируется не больше 30 объектов на экране, может 50, но это точно максимум. большую же часть времени будет примерно 15.

PS: где-то на днях могу набросать код для объединения, но не сейчас.

Это было бы крайней интересно, буду ждать, спасибо!

[DjDiablo]

гипотетически

профит=ширина канваса*высоту канваса - (ширина спрайта*высоту спрайта)* кол-во спрайтов

если профит, значение положительное то чистим спрайт
если профит, отрицательное то канву.

на практике
в реале 20-30 штук спрайтов уже тормозят, если спрайт запоминат часть фона.

Без запоминания 1000 помоему, дальше томоза

очистка всего экрана 5000 спрайтов, дальше тормоза

у меня в хроме так получилось

от идеи трансгуманиста будет прок, если сотня другая обьектов скучкованы в одной области, и при этом нет обьектов в других областях.

[Simulator]

гипотетически
в реале 20-30 штук спрайтов уже тормозят, если спрайт запоминат часть фона.

Без запоминания 1000 помоему, дальше томоза

от идеи трансгуманиста будет прок, если сотня другая обьектов скучкованы в одной области, и при этом нет обьектов в других областях.

А можно попродробнее пожалуйста) что такое запоминание?

[DjDiablo]

это плохая была идея
Непомню где я её использывал, толи на спектруме толи в qbasic на 386, непомню. Но где-то она точно клёва работала \

суть в том что перед тем как прорисоваться, спрайт копирует ту часть канваса в которую он будет рисоваться, затем рисуется, на следующем такте спрайт возвращает часть скопированного фона, передвигается и запоминает часть фона вновь.

но это бредовая для js идея, извлечение данных из канваса дико тормозная вещь. Вместо тысяч спрайтов по экрану с трудом будут ползать несколько десятков.

либо рисуйте фон для каждого кадра, вместо очистки экрана.
либо используйте несколько канвасов друг над другом, на нижнем фон, на верхнем спрайты и clearRect очистка

[Simulator]

это плохая была идея
Непомню где я её использывал, толи на спектруме толи в qbasic на 386, непомню. Но где-то она точно клёва работала \

суть в том что перед тем как прорисоваться, спрайт копирует ту часть канваса в которую он будет рисоваться, затем рисуется, на следующем такте спрайт возвращает часть скопированного фона, передвигается и запоминает часть фона вновь.

но это бредовая для js идея, извлечение данных из канваса дико тормозная вещь. Вместо тысяч спрайтов по экрану с трудом будут ползать несколько десятков.

либо рисуйте фон для каждого кадра, вместо очистки экрана.
либо используйте несколько канвасов друг над другом, на нижнем фон, на верхнем спрайты и clearRect очистка

теперь все понятно, спасибо)

[nerv_]

Вообще не представляю как можно (и можно ли?) свести задачу к O(N log N), чтобы она себя оправдала.

а мы на тебя так рассчитвали! Теперь буду плакать всю ночь

не грусти, бро*

*позаимствовано у Максимуса

[clecar]

Тема конечно устарела, а я вот который день не могу понять, как сделать ластик в моей Раскраске круглым. http://clecar.ru/ris.html

[Siend]

clecar, https://developer.mozilla.org/en-US/...al/Compositing
Тебе нужен source-out, вникай.