Амир Гафуров

Если вы обновляете точки линии, то так же надо обновлять ограничивающую сферу вашей линии, что бы 'frustum culling' работал верно.
line.geometry.computeBoundingSphere();
Так же можно отключить 'frustum culling' линии в её настройках
line.frustumCulled = false;

Так мне ответили на stackoverflow

купи автомат, сделай класс с минусовым маргином для подобных элементов.

блоку-родителю добавь
border-radius: 100%;

потому что в первом случае вы оперируете цифрами 2, 3, 4, 5 и 6 (в итоге будет 20), а во втором 0, 1, 2, 3 и 4 (счетчик i, сумма равна 10).

Эвент вешается на сам DOM объект, а не на Query Selector.
Поменяв id вы лишь отредактировали объект, но эвенты с него не сняли.

Решение 1: сначала снимайте ваш event с объекта с помощью функции off (Документация), после чего изменяйте его id.

Решение 2: вместо вашей конструкции $("#my1").click(function(){}); используйте конструкцию:

$(document).on('click', '#my1', function(){
   ....
});

https://jsfiddle.net/QW01_01/rjyhqeg4/1/
Норм дизайнеры.
Не понимаю, чего тут отвечающие разнылись.

Я у мамы художник.


Ну ладно, ладно: https://jsfiddle.net/j9052yja/3/

Совсем недавно отвечал на вопросы
про генерацию нескольких спрайтов: Способы генерации нескольких спрайтов?
и про подход к хранению графики вообще: Шрифты или картинки для иконок что оптимальнее?

Послушайте как делают в 2гис: 2014.codefest.ru/lecture/677 (правда сейчас судя по всему от ase64 отказываются)

По вашим вопросам:

1. К сожалению, используя спрайт мы жестко привязаны к размерам иконки. Т.е. если у нас одинаковая иконка 16*16 и 32*32 - придется добавить в спрайт обе. Если у нас серая по умолчанию и синяя по ховеру - придется добавить обе.
Решают эту проблему шрифты (но со своими, на мой взгляд критичными, недостатками) и svg symbols (тоже есть минусы, внедрять планирую начинать в следующем году).

2. Да, https://github.com/jkphl/gulp-svg-sprite - всё положительно, мощная штука. Конечно нужно будет заморочиться со своим шаблоном файла стилей, чтобы всё по красоте.

Подводный камень есть со спрайтами вообще. Когда сделаете - попробуйте подвигать масштаб страницы. Иконки на некоторых уровнях"подрежутся". Погуглите про эту проблему.

3. Ответ в первом абзаце

4. Использую https://www.npmjs.com/package/gulp-imagemin для пожатия всей графики, включая svg