• 29 апреля 2009

    Для вдохновения

    Покопался тут в своих старых проектах, нашел некоторые демки, которые я делал для разных конференций и проектов. Может, кому пригодится. Сразу скажу: большая часть из них не работает в IE, некоторые глючат во всех остальных браузерах. Все представленные демки — не более чем разминка для решения более сложных задач.

    • Стиралка — водим курсором по картинке, стирая защитный слой (HTML, JS, CSS).
    • Экскаватор — Для конференции РИТ-2008. Полностью программная анимация, использовались принципы инверсной кинематики (Canvas, JS).
    • Инфоскроллер — Реализация инфоскроллера Артема Горбунова на JS: анализирует текущий документ и строит из него упрощенную схему для скроллера. Делался в качестве домашнего задания для технологов Студии Лебедева (я, кстати, был той сволочью, которая их раздавала). Руки не дошли довести его до нормального состояния.
    • Волшебные пузырьки — Демонстрация способа имитации масок не прямоугольной формы (HTML, CSS, JS). Эта демка использовалась разработчиками IE8 для тюнинга производительности.
    • Спрей — Для конференции РИТ-2008. Простенькая анимация цвета и движения объектов вдоль кривой Безье (JS, jTweener).
    • Переливающиеся слова — Для конференции РИТ-2008. Тоже простая анимация: в основном демонстрируется способ у обычного текста выхватить отдельные слова и анимировать их (HTML, CSS, JS). Кстати, повторить это на флэше гораздо сложнее :). Особенно с учетом того, что текст растягивается и можно менять размеры шрифта.
    Метки: , , , ,
    Комментировать (RSS)  |  Trackback

    • 15 комментариев

    1. Рома
      29 апреля 2009

      Очень круто :)

    2. denisx
      29 апреля 2009

      экскаватор надо почитать, да

    3. scorpix
      29 апреля 2009

      Интересно :)

    4. Vii
      29 апреля 2009

      Не хилая разминка… ^^

    5. Mohinder
      30 апреля 2009

      Классные штуки

    6. Flint
      1 мая 2009

      Экскаватор - это вообще крутняк! Посмотрю исходник, очень интересно.

    7. Марк
      3 мая 2009

      Круто. Я шоке. Пошел ковырять исходники.

    8. Korzhik
      5 мая 2009

      Экскаватор и правда крутяк;)

    9. Артём Сапегин
      15 мая 2009

      Классно, спасибо.

    10. anon
      19 июня 2009

      в Инфоскроллере под Оперой почему-то если крутить колесо мыши вверх, то текст прочиывается вниз, и наоборот

    11. Сергей Чикуенок
      19 июня 2009

      Это из-за старого бага Оперы, когда у них было инвертировано значение прокрутки. Библиотека очень давно не обновлялась

    12. helpers
      13 июля 2009

      ты тупо супер крут!
      0_0

    13. stunpix
      16 июля 2009

      Стиралка напрочь подвешивает Google Chrome 3.0.193.1. Надо баг разработчиком завести на него

    14. Артур
      26 января 2010

      И правда вдохновение!) Благодарю!

    15. udaipur hotels
      23 июля 2010

      Thanks for sahring info with us, it’s really great article

    Комментировать

    Powered by Zen Coding