Я ищу несколько учебных пособий, как я делаю холст или SVG (не уверен, какие) изображения на изометрической карте для цели игры RTS. Изображения должны быть доступны только на видимой части, иначе пользователь должен нажать на фоновое изображение. Это может быть сделано путем автоматического обнаружения прозрачных областей PNG или цветного наложения. Я понятия не имею, что лучше.Изометрический холст/SVG HTML 5 изображений
Спасибо.
Если вы не будете менять перспективу своей сцены, я бы пошел с SVG, потому что они являются элементами DOM (кликабельными из коробки), и вы можете ограничить область щелчка непрозрачной часть элемента. Очень хорошая библиотека SVG - RaphaelJS.
Холст - это другой вид животного. Векторы/растры, которые вы рисуете на холсте, не «сохраняются», то есть в отличие от SVG, вы не можете проинструктировать поле, которое вы просто нарисовали на холсте, чтобы двигаться. Вместо этого вы отвечаете за перерисовку этого окна, где вы этого хотите. После того, как вы нарисуете все на своем холсте, оно в основном становится большим растровым изображением. Если перспектива вашей сцены будет меняться, вам может понадобиться то, что делает холст лучше: скорость и гибкость. Используя матричные преобразования, вы можете выполнять 2D-перемещение, вращение, масштабирование и перекос. Поскольку вы отвечаете за матрицу преобразования, вы также можете имитировать 3D-движение. Если у ваших пользователей есть браузеры, отличные от IE, у вас также есть WebGL, который является полноценной системой 3D-обработки изображений. С этой мощью приходит сложность, поэтому вы, вероятно, проверите множество платформ разработки игр, доступных для холста.
С обоими элементами вы можете использовать веб-порты, чтобы сделать свой RTS (конечно, унизительно для длительного опроса для браузеров, которые не поддерживают веб-порты).