Контакты

Достижения

Все достижения (3)

Наибольший вклад в теги

Все теги (19)

Лучшие ответы пользователя

Все ответы (9)
  • Есть ли возможность сделать 60fps анимацию на canvas на мобильном устройстве?

    yakimchuk-ry
    @yakimchuk-ry Автор вопроса
    Нашел ответ: мобильные устройства плохо работают с двумерным контекстном канваса. Контекст WebGL выдает 60fps без запинок.

    Решение для JavaScript: Pixi.js, Three.js
    Ответ написан
  • Как научиться понимать английский язык на слух? Это вообще возможно?

    Понимание речи на слух не более чем тренировка мозга. Это (конвертирование звука в понимаемые слова) рефлекс, его нужно тренировать.

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

    Если вообще не получается на слух распознавать, берите простые видео (с медленной и четкой речью), и сами еще и на замедление их ставьте (снизите скорость плеера, чтобы речь на слух так.. тянулась..), это сильно поможет в самом начале восприятию речи на слух.

    Постепенно простые предложения вы сможете понимать, и можно будет повышать уровень. На сложную (быстрее, неразборчивее, акцент, проглоченные буквы, и так далее) речь тоже нужно обучать мозг, поэтому такие тренировки нужно проводить постоянно, и поднимать уровень сложности, пока не поймете что уже понимаете английский на слух.
    Ответ написан
  • От чего зависит плавность работы анимации на сайте?

    Собирайте все анимируемые элементы (если анимируете группой) в один абсолютный, и двигайте через transform: translateX(<смещение>), translateY(<смещение>), translateZ(<смещение>) вместе со свойством transition. Это все CSS3.

    Как альтернативный вариант, тег , в том числе WebGL (например, инструмент https://github.com/PixelsCommander/HTML-GL)

    Общее правило по оптимизации анимаций, в котором нужно двигаться — максимально уменьшите количество анимируемых элементов, их сложность (вложенность), каскадность стилей, делайте элементы абсолютно позиционированными, простыми (без прозрачности, градиентов, закруглений, и прочего), делайте самый минимум DOM модификаций, и по-возможности анимируйте при помощи CSS3 или .

    Нужно чтобы браузер выполнил минимум операций при перерисовке страницы во время анимации.

    Чтобы посмотреть что рисует браузер во время анимации, есть удобный инструмент.
    https://developer.chrome.com/devtools/docs/renderi...

    На скриншоте есть "Show paint rectangles". Включите это, увидите как браузер реально перерисовывает страницу.
    Ответ написан

Лучшие вопросы пользователя

Все вопросы (25)