Листалка страниц на HTML5 canvas

Спасибо, уже было здесь: habrahabr.ru/blogs/jquery/93936/#comment_2853104

Занесено сюда — jpageflipper.codeplex.com/WorkItem/View.aspx?WorkItemId=9

Листалка страниц на HTML5 canvas

jpageflipper.codeplex.com/WorkItem/View.aspx?WorkItemId=14

Листалка страниц на HTML5 canvas

Я на iPad баловался, выглядит шикарно, только медленно :(. Там в коде для iPhone/iPad понижен fps и ускорен полет страницы

Листалка страниц на HTML5 canvas

+1, хороша идея :) Я себе тоже что-то подобное писал, но, на всякий случай, поделитесь своим. Сюда или на suhinini в гмейле.

Внесу в issue tracker

Листалка страниц на HTML5 canvas

Текущая страница всегда определена, это не проблема. Идея хорошая, можно подумать над реализацией, внесу в issue tracker.

Листалка страниц на HTML5 canvas

Спасибо, читайте здесь: habrahabr.ru/blogs/jquery/93936/#comment_2852974

Листалка страниц на HTML5 canvas

Классная тема, возможно переделаю на CSS3, спасибо!

Листалка страниц на HTML5 canvas

По идее можно через некое подобие imagemap — определять кликабельные регионы и проверять при клике.

Листалка страниц на HTML5 canvas

Заменил на «сделал», выглядит получше, спасибо.

Листалка страниц на HTML5 canvas

От все бы вам рвать и метать :) Возможно в будущем будет, но пока не вижу особого применения, кроме релаксации :)

Листалка страниц на HTML5 canvas

Ну по опыту использования подобных листалок на сайте, используется в почти полноэкранном режиме, дабы пользователь радовался и смотрел картинки. Хотя, конечно, связь была бы хороша, возможно, встрою какое-то API.

Тенюшки, конечно, будут, я уже занес подобную тему — jpageflipper.codeplex.com/WorkItem/View.aspx?WorkItemId=3

Листалка страниц на HTML5 canvas

:) В Firefox красиво, а удобство проявится, когда вы откроете эту листалку на iPad ;)

Листалка страниц на HTML5 canvas

смотрите UPD

Листалка страниц на HTML5 canvas

Спасибо за идею, внес на будущее — jpageflipper.codeplex.com/WorkItem/View.aspx?WorkItemId=12

Листалка страниц на HTML5 canvas

Заменил на «создал» — пафоснее, но гуглить уже не надо :)

Листалка страниц на HTML5 canvas

Не должно, конечно же. У меня в Chrome 4.0 загрузка одного ядра на 26% и только при таскании. В Firefox в целом медленнее, чем в Chrome, но зато красивее и со сглаживанием.

Стоит вопрос об оптимизации перерисовки — не алгоритма, а именно способа. Сейчас используется setTimeout(invalidate, 1000 / fps), что, наверное, не лучший вариант. Если кто-нибудь подскажет хорошую альтернативу — буду только рад.

Листалка страниц на HTML5 canvas

Ну так 0.9 же :) Перед релизом будет и рефакторинг, и наполнение комментами, и примеры использования.

Листалка страниц на HTML5 canvas

Спасибо, занес в issue tracker — jpageflipper.codeplex.com/WorkItem/View.aspx?WorkItemId=10

Проблема в маленьких углах — при них сильно вырастают тангенсы и надо делать очень большие clipping regions. Буду бороться.

Листалка страниц на HTML5 canvas

То ли еще будет :)