Как сделать движение персонажа по криволинейному полу в игре?

Question

[Paul_Morte]

Есть ли реальный способ сделать так чтобы персонаж мог перемещаться по полу по нарисованной кривой?
С линейным перемещением всё понятно, высчитываются каординаты div Блоков (прямоугольные формы).

В идеале я вижу себе так: рисуется черным по белому изображение, которое будет ограничивать движения (пол, стены) персонажа. На уровне кода проверяем - персонаж ниже пикселя #000 ? Да? Тогда останавливаем модельку.

Как это сделать?

Answer 1

[nrgian]

В идеале я вижу себе так: рисуется черным по белому изображение, которое будет ограничивать движения (пол, стены) персонажа

Разделять сущности.
Визуальное отображение это одно.
А свойства поверхности - это иное.

Это гибче.

А ваш вариант слишком вас потом ограничит.
Его можно только из жесточайшей экономии делать, что на нынешнем железе бессмысленно.

Answer 2

[Александр]

Если линию представить ввиде точек - то вам нужны массивы для всех линий [[х,y],...]
а потом на каждое движение проходиться по массиву сравнивая где персонаж и может ли он двигаться туда.

Comments

[Paul_Morte]

Хорошая идея, но не слишком ресурсозатратно это получится? Представьте что каждую 10 секунды цикл проверяет скажем 2 000 точек поверхности.

[Александр]

Можно упростить в набор линий.

Answer 3

[Антон Швец]

В игре не нужно никаких div-блоков, js игры делаются на webgl или canvas.
Посмотрите phaser.io

Comments

[Paul_Morte]

Спасибо, посмотрю.

Answer 4

[profesor08]

Вот у тебя есть картинка с кривой, ты можешь получить данные о любом пикселе в любое время, проверить его цвет и прозрачность. Так вот у тебя есть x,y. x += 1, и проверяй все пиксели по y сверху вниз. Как только пиксель стал непрозрачным, то это и есть нужная координата y для персонажа. Все.

Comments

[dollar]

А потом автор захочет фон

[Роман]

dollar, который сидит на другом канвасе, расположенном под канвасом с ограничителями )))

Как только пиксель стал непрозрачным

[profesor08]

dollar, да пусть и с ним делает что хочет. Хоть картины рисует, и располагает где хочет. Главное чтоб пиксели можно было сверить и явно определить. Разграничить на прозрачную и непрозрачную области и все.

[Paul_Morte]

Вот, вот, интересно!)