Как нарисовать игровое поле (гексы)?

Question

[Алексей Лебедев]

Нужно что-то такое и наиболее кроссбарузерно + минимальный вес.

Рассматриваю 3 похода:
- SVG
- CSS3
- картинки

Что посоветуйте?

Comments

[Billy Milligan]

copal: Написано же нарисовать игровое поле =D

[NKros]

habrahabr.ru/post/128106

Answer 1

[GreatRash]

Более фундаментальная статья.

Comments

[teotlu]

шикарная статья!

Answer 2

[teotlu]

Вот что посоветую :)
Хотя это не соответствует описанным подходам.

Comments

[Сергей delphinpro]

Определенно, это наиболее правильный подход.

[Антон Мудренок]

teotlu так а внутри canvas там что используют, векторку или картинки?

[Кирилл Пензин]

Антон Мудренок: js там используется. ruseller.com/lessons.php?rub=1&id=1010

[Billy Milligan]

Антон Мудренок: там картинки

[Антон Мудренок]

Кирилл Пензин: вы вообще адекватный? видите деревья на картинке у автора? а теперь представьте сколько вам придется потратить времени, что бы это нарисовать линиями, квадратиками и кружечками

[teotlu]

Антон Мудренок: там есть просто свой гексовый движок, а что вы в него будете запихивать, это уже другой вопрос.

[teotlu]

Антон Мудренок: в общем, мой ответ немного не в тему, потому что он скорее не про "как нарисовать", а про то, как потом с этим полем взаимодействовать. Т.е. эта штука предоставляет достаточно удобное управление гексами, сетка основана на rgb-координатах. Правда, автор, похоже, забросил проект — уже давно никаких новостей по нему нет :(

А нарисовать на канвасе можно и svg.
А вот что ещё нашёл: axiscity.hexamon.net/users/isomage/misc/svg-hex.cgi

Answer 3

[Александр Таратин]

https://github.com/mark-harmon/HexPixiJs