Недавно я начал вместе изучать canvas+easeljs и сейчас работаю над 2D-игрой. Игрок (маленький красный прямоугольник) может перемещаться по холсту, и когда он находится «вне» (не рядом) границы, линия рисуется позади него.
Когда он подходит к следующей границе, линия перестает рисоваться, что создает две области, разделенные этой линией.
На данный момент мне нужно выяснить, насколько велика каждая область по сравнению с другой.
Итак, что мне нужно выяснить:
- какая площадь меньше/больше
- подсчитайте шары (маленький красный кружок) в каждой области
Сетка, которая нарисована сзади, предназначена только для того, чтобы облегчить понимание логики, лежащей в основе пользовательского интерфейса: нули представляют собой пустые места (белые прямоугольники), двойки представляют серые прямоугольники (граница и наша линия).
Я пытался подсчитывать нули в каждой области, «зацикливая» весь холст, но это не очень хорошо, так как вам нужно осторожно переключаться между каждой областью.
Есть ли лучший способ понять это? Может быть, как-то рекурсивно?
Если я не был достаточно ясен, пожалуйста, не стесняйтесь спрашивать дополнительную информацию. И извините за плохое название, я не знаю, как выразиться, чтобы быть более понятным.
Ждем любых предложений, спасибо!
EDIT1: игра похожа на эту: http://xonix.vamplabs.com