Облако тегов

Здравствуйте. Искал на форуме, гуглил, ничего не нашел. Как сделать собственное облоко тегов? Я так понимаю, средствами JavaFX?

0

нужно срочно воскрешать вангу... вам оно для чего?

0

0

ну можете набить тату в виде облака тегов. по крайней мере будет прикольно и определитесь заодно что оно будет кожноориентированным

1

По случаю понедельника устраиваю аукцион неслыханной щедрости. Тем более, что задачу решал раньше...



Задача распадается на две - теги и трехмерное отображение. Теги располагаются в шаре, размер и прозрачность зависят от веса тега и расстояния до пользователя. При вращении картинка пересчитывается. Вращение осуществляется в зависимости от расстояния мыши от визуального центра шара (выбирается скорость) и направления от центра на мышь (выбирается ось).

В общем, много трехмерной геометрии, только и всего. Делается практически тривиально. Трудозатраты:

1. Час на изучение предметной области и выбор методов вращения. Как и предполагалось, проще всего это сделать через кватернионы. Вот тут есть теория: http://ru.wikipedia.org/wiki/К... остранства. В конце - формула.

2. Согласно выбранной формуле, необходимо реализовать вектор и операции на нем - сложение, умножение векторное, умножение на число, получение проекции на ось и нормальной составляющей, нормализация. Вспомогательные операции - вычитание и скалярное умножение. На это всё еще полчаса. После реализации всех нужных методоы сама формула поворота реализуется в три строки.

3. Пишется компонента отображения модели тегов. Сначала вместо тегов цветные кружки, потом, когда добиваемся правильного вращения (вылавливаем баги с направлениями осей), масштабирования, изменения прозрачности - кружки заменяются на текст. Считаем теги расположенными внутри сферы, радиус сферы задается изначально и используется для рассчета прозрачности (чем дальше - тем прозрачнее, в ближней точке непрозрачный цвет, в дальней - 0.5) и поправочного коэффициента к размеру (в ближней точке 1, в дальней - 0.5). Последний штрих - отслеживание положения мыши и корректировка оси вращения. На всё - еще час.

4. Пишется тест - модель тегов и поток, который их вращает со скоростью, зависящей от длины оси вращения (эта длина совпадает с расстоянием от центра компоненты до указателя мыши). Чем дальше отвели - тем быстрее. По времени это полчаса.

Собственно, всё. На всю работу ушло 3 часа параллельно с основной деятельностью (во время ожидания окончания сборки и в другие паузы).

Пара моментов, которые можно улучшить. Первый - размеры тегов меняются скачкообразно. Предполагаю, что виной тому шрифт, который принимает не все размеры (проверял, размер меняется плавно).

Второй момент - облако не масштабируется по окну. Впрочем, это достаточно легко реализовать.

Еще теги отрисовывались не от дальних к ближним, а в порядке добавления, но я потратил 10 минут и это исправил.

1

Сообщение от Skipy По случаю понедельника устраиваю аукцион неслыханной щедрости.

с вашей стороны, т.е. учитывая что это вы, это выглядит как недостижимая вершина благотворительности, которая даже не снилась лучшим меценатам всех времен =)

0

Сообщение от AckiyBolt с вашей стороны, т.е. учитывая что это вы, это выглядит как недостижимая вершина благотворительности, которая даже не снилась лучшим меценатам всех времен =)

Со мной иногда бывает... Находит что-то, и я задачу решаю целиком, от начала и до конца. И еще код отдаю. Когда красиво получается...

0

Мощно заинтересовался - ничего не скажешь.
Давненько на меня такой дзен не снисходил, надо взять почитать чёнить от апологетов, глядишь поможет

0

та ладно. я вон тоже вчера от нефиг делать сел кодить. написал самую полезную прогу в своей жизни - будильник)

0

@Skipy, а как теперь определять куда кликнул пользователь ? Здесь так просто не определишь что спереди сейчас ...

0

В смысле, "не определишь"? Вообще-то у каждого тега есть текущие координаты. И даже если под мышь попало два тега, всегда можно вычислить, какой ближе.

0