Вы не сможете сделать это с помощью элементов плитки сами по себе, так как они всегда прямоугольные. Вам нужно будет контролировать положение мыши в родительском элементе, содержащем все фрагменты, и вручную выработать, какие пиксели соответствуют тем плитам.
Для изометрического отображения положения для плитки это было бы легко, но это заняло бы положение точки как место «на земле»; это не позволит вам использовать данные маски изображения для объектов с проверкой результатов, таких как деревья, которые визуализируются перед землей. (Вы хотите, чтобы сделать это в любом случае настоящее время некоторые дерева полностью затенить заземляющие плитки под ними?).
Если вам действительно нужно ударить тест против масок изображений, вы можете:
а. напишите сценарий, чтобы извлечь данные маски из изображения и включить его в исходный код JavaScript в виде закодированных битовых масок. Я сделал это для обнаружения столкновений в играх JavaScript, но это не очень весело, так как это может занять много места, и вам придется реэкспортировать данные при обновлении графики.
b. извлечение данных изображения для тестирования с использованием <canvas> и getImageData. В этот момент вы можете подумать об использовании холста для рендеринга, учитывая, что вы уже потеряли пользователей IE.
было бы, вероятно, будет хорошо "потерять" эти досадные IE пользователи imho =) – Chii
Пойдем с холстом, немного сложно найти хороший способ сделать это, но, к счастью, я нашел что-то, что точно at - http://philip.html5.org/demos/canvas/spritepick/example.html Единственная проблема с этим методом заключается в том, что он очень интенсивно работает в javascript/processor, и я не уверен, будет ли он работать для оригинальная цель, которая должна была обеспечить совместимость с веб-браузером iPhone. –