Влияет очень сильно.
Советую хорошо выучить анимацию на CSS3: здесь - отличный "быстрый" учебник.
Я бы сказал, что нужно делать так:
1. Установка параметров и события, отличающиеся от тех, что есть в CSS - используем JS
2. Прокрутка готового ролика для объекта - CSS
Т.е., весь по-кадровый просчёт - оставлять на CSS.
Библиотека Semantic UI - реально хорошая и очень удобная, и лучше учить её, чем bootstrap!
А то, что она там тормозит - можно выкинуть лишнее и/или ПОМОЧЬ! поправить им: код же - OpenSource.
В общем, я "ЗА" изучение Semantic UI двумя руками!
Это (текст ниже) - не ответ!
Если кратко: алгоритмы и технологии потребления - у всех одинаковые, а технологии и возможности разработки - разные.
Поэтому, каждой составной "крупинкой" игры - занимаются целые отделы, идя "в ногу" с технологиями разработчиков чипов для видео-карт и исследуя новые алгоритмы для оптимизации скорости обработки всех данных игрового мира и графики.
А так - всё можно купить и продать. А бесплатные/open-source движки разработки (устаревающие) - обычно открываются для PR-a этих же компаний игровой индустрии, когда у них меняются "рельсы разработки" на более технологичные и современные решения.
Я верстальщико-фронтэндщик, поэтому мои задачи в плане JS это анимации, движухи на стороне клиента, валидации, плагины
По пунктам:
1. анимации, движухи -
сложные - берите любую игровую либу: я юзаю Crafy.js;
простые - используйте CSS3 и пишите на нативе
2. валидации ввода - regexp (и подучить язык регулярок нужно, конечно...)
3. плагины - только для игровой либы со сложным функционалом или собственные наработки на нативе!
Все пункты - НЕВЕРНЫ!
"Серьёзный пацан" - это Ваш мозг и логика, а Вам до этого "пацана" - как до Луны.
Учите технологии и алгоритмы!
А языки - это лишь инструменты их автоматизации.
Сверстать сетку:
Базовая вёрстка - блочная разметка div: 2-3 дня.
Основные метрики CSS и стили выравнивания/позиционирования/отсутпов: 7-14 дней.
Совместить первое и второе: 1 месяц.
Добавить что-то на JS к сетке:
Синтаксис JS, операторы условий и циклов: 1 неделя
События, манипуляция объектами, простой ajax: 2-3 недели
Соединить блоки между собой, динамическая сетка из разных файлов для SPA: includeHTML: 3-5 минут
