Ответы пользователя по тегу JavaScript
  • Высоконагруженность и многопоточность в node js?

    @geektimer
    Идите в dev ops.
    Или используйте сервисы Amazon/Google и т.д.
    Ответ написан
    Комментировать
  • Эквалайзер на JS?

    @geektimer
    Вероятно, вам нужен Web Audio API
    Посмотрите еще тут
    Ответ написан
    Комментировать
  • С чего начать изучение webgl, чтобы сделать так?

    @geektimer
    Что-то не похоже на 3d, иначе бы анимация плавнее была.
    Попробуйте посмотреть в сторону blend4web, т.к. есть связка с блендером, и можете прямо в нем создать сцену и перенести ее в веб.

    U.P.D. либо рендерите анимацию в любом 3д редакторе и переносите ее на сайт.
    Ответ написан
    Комментировать
  • Какая литература подойдёт для новичка в JavaScript?

    @geektimer
    https://learn.javascript.ru/first-steps
    https://habr.com/ru/company/ruvds/blog/416375/
    Или посмотрите книгу тут по тегам "js", "javascript", "для начинающих", можете выбрать вариант по отзывам.
    Ответ написан
  • Как проверить состояние радиокнопки?

    @geektimer
    $('.radio-btn').change(function() {
      if ($(this).is(":checked")) {
        $('.radio-btn').prop( "checked", false );
        $('.radio-btn:first').prop( "checked", true );
      }
    });
    Ответ написан
    Комментировать
  • Массив объектов, как передавать через ajax?

    @geektimer
    var jqxhr = $.post('/local/upload_parser.php', {parse: JSON.stringify(parse_schedule.slice(0,5))}, function(response) {
       console.log(response);
       alert( "success" );
    })
      .done(function() {
        alert( "second success" );
      })
      .fail(function() {
        alert( "error" );
      })
      .always(function() {
        alert( "finished" );
      });
     
    // Perform other work here ...
     
    // Set another completion function for the request above
    jqxhr.always(function() {
      alert( "second finished" );
    });
    Ответ написан
    Комментировать
  • Как сделать такой прогресс бар?

    @geektimer
    Возможно, то же самое будет проще реализовать с помощью svg, предварительно отрисовав дорожку нужной формы вместе с точками и разложив все по слоям. Затем, так же анимировать svg-элемент (заливка) в нижнем слое, у которого будет меняться ширина.
    Ответ написан
    Комментировать
  • Как сделать glitch эффект в css или JS?

    @geektimer
    В основном для таких эффектов используется canvas с применением различных фильтров и хардкода на js, либо на pure css (зависит от опыта и упорства). Так же можно использовать WebGL/threejs (тот же canvas и js, только 3d), это если надо совсем заморочиться и получить супер-эффект.
    Как именно делать подобные эффекты под веб нативно (js/css) - тут вряд ли есть какое-то универсальное решение, один плагин или подход, так как все круто выглядящие моушн-эффекты в основном создаются в специальных программах, по типу after effects, где есть куча всяких специализированных настроек, масок, эффектов, эквалайзеров, и затем все это долго (или не очень) рендерится в видеоряд. Увы, непосредственно для веба таких программ пока нет (может я не в курсе), поэтому тут либо вставлять готовое видео/гиф, либо пытаться интерпретировать эффекты самому (собственно, как и сделаны примеры на codeopen), внимательно изучая кадры, слои, анимацию, в общем импровизировать, так как моушн-дизайн в вэбе - это отдельное искусство, и такие специалисты очень-очень востребованы.
    Так что если это интересует, могу посоветовать начать с готовых примеров на codeopen, как вам написали выше, а дальше можно освоить after effects для понимания всех тонкостей моушн-графики, можно посмотреть в сторону adobe animate, unity, unreal, ну и, конечно, быть js ninja :)
    Ответ написан
    Комментировать