Скетчи в браузере

[ermouth]

В моём новом пульте управления бизнесом теперь можно рисовать на айпадике. Прямо в браузере.

Выглядит это нопремер так:

А в сохранённом виде вот так (как заметка к встрече, неаккуратно пока):

Работать оно работает, но пользоваться этим на айпаде неудобно – тот плагин, что я использовал, явно медленный. Он на айпаде сначала вообще не работал – я его допиливал.

Хорошо видно, что кривые на рисунке состоят из сегментов – плагин лагает.

Я тут протаймил, как там чего – и выяснил, что основные тормоза возникают вовсе не из-за медленной прорисовки браузером. Тормозит оно главным образом из-за проброса событий типа тачстарт или там маусмув через jQuery и использования jQuery.data для хранения экземпляра приложения как объекта, привязанного к узлу в page DOM. Это типичная практика для jQuery-плагинов, но тут оно не айс.

Тут редкий случай, когда jQuery мешает, а не помогает. Обработчики событий в этом случае надо привязывать не через диспетчер jQuery.bind, а напрямую через .addEventListener. Я уже попробовал – это улучшает responsiveness в моём случае примерно в 6-8 раз, никаких лагов уже не чувствуется, сегментов не видно, вполне можно бегло писать.

Придётся написать свою реализацию, но это уже несложно. Я разобрался, как оно работает )

И да, у меня в офисе теперь огромная панель и AppleTV. Блокнотеги-переростки и доски на стенах больше не нужны.

Плэйстейшен ещё будет, да.