Как реализовать функционал игры?

Question

[essenay]

Суть игры, не задев стенки, перетащить круг до финиша. Как реализовать? Может статьи по этому поводу есть?

Comments

[Михаил]

игрок: круг с радиусом
стены: просто линии

финиш: зона (прямоугольник)

если круг пересекает/касается линий — ded, пересечение линий и круга гуглится, есть канал на ютабе Coding Math, у него было похожее (Collision Detection)
если круг зашёл/коснулся/полностью поместился на финиш, тогда финиш, кэп, тут тоже пересечение фигур

движение круга: mousedown, mousemove, координаты

[essenay]

Михаил, спасибо, попробую)

[Dima Polos]

Михаил, тянет на ответ:)

Answer 1

[Dima Polos]

Только логика и хард код. Если на все игры и программы будут статьи и уроки - стоимость разработки и зп программиста будет чуть выше кассира в супермаркете.

UPD: для прорисовки берете канвас, чтоб игра работала надо запустить цикл или рекурсию, который будет рисовать на канвасе, для этого используйте requestAnimationFrame (в таком случае рекурсия). Для логики игры - необходимо при действии пользователя менять координаты объекта - считать его пересечение с другими объектами (мяч со стеной, например) - рисовать это, и потом принимать решение - продолжить игру или нет, для этого может потребоваться несколько флагов. Флаг - булевая переменная, в зависимости от которой код либо продолжиться, либо нет, например isFailed = false... и где-то проверка: if( !isFailed )... игра идет. Успехов!

Comments

[essenay]

Я правильно понимаю, что для новичка это сложно?

[Dima Polos]

essenay, Смотря какой Вы новичок. Тут скорее дело в другом - Вам на пальцах в лучшем случае объяснят, а так чтоб код написать, то нет. Очень общий вопрос. Вы насколько знакомы с JS?

[essenay]

Dima Polos, ну синтаксис знаю, калькуляторы всякие и сайты могу написать.

[Пашенька]

essenay, я такое делал в 7-ом классе, будучи не то что новичком, а школьником.

[essenay]

Пашенька, спасибо, утешил)

[Dima Polos]

essenay, тогда пробуйте ;) Готовых статей и видео может и не быть - ищите, может есть. Вы в тегах все верно отметили, что тут хорошо канвас, js, так что посмотрите в YouTube по канвасу туториалы, может и найдете. Лучше самим помучатся - больше прокачаетесь, а потом можно подсмотреть у кого-то чисто архитектурные решения.

[essenay]

Dima Polos, хорошо, спасибо!

[Dima Polos]

Пашенька, а я тоже в школе, но чуть старше, paint под Symbian 7-8 OS писал, на канве, тоже всю логику сам думал.

[Dima Polos]

essenay, не за что) Вообще, какие есть идеи у Вас, как можно приступить к задаче? Опишите ее себе, можете тут, можете лично себе описать, что нужно для этой игры?

[Lynatik001]

она и сейчас не сильно так и отличается от зп касира ХД

[Dima Polos]

Lynatik001, да ладно?))

[Пашенька]

Dima Polos, справедливости ради, там не было никаких канвасов, да и он впринципе тогда ещё не существовал. Это был какой-то псевдо ЯП. Но здесь человек говорит, что знает синтаксис, так что можно уровнять сложность, хотя с канвасом, конечно, возьни побольше будет, объективно, но тем интереснее.

[Dima Polos]

Пашенька, О да, проверять координаты на каждом движении, еще и цикл продумать, перерисовка, а чтоб оптимально было и не тормозило, то и всякие тротлинги... игра простая, интересная, и как задача тоже.

[Пашенька]

Dima Polos, да, здесь ключевой момент - оптимизация. Одно дело написать, чтобы работало, а другое чтобы работало хорошо: не вычисляло и не рендерило, когда не нужно. Советую автору включать в девтулзах FPS счётчик и эмулировать медленный процессор, путём выбора троттлинга 6x, а так же отображение перерисовок, и стремится при таком раскладе к чистым 60fps. То есть вся работа в одном кадре должна укладываться в 16ms. Само собой, в качестве лупа используем requestAnimationFrame.

[Dima Polos]

essenay, успехов! результат зависит от Вашего упорства! ;)

[essenay]

Dima Polos, Спасибо!)