Lightning with Vanilla JS | Эффект электроразряда + исходники

Поделиться
HTML-код
  • Опубликовано: 3 окт 2024
  • #JS #Молния #lighting
    Молния на чистом JavaScript!
    В этом видео создадим простой эффект электроразряда...
    Приятного просмотра!
    Ссылка на файлы : threepi...
    CodePen : codepen.io/Thr...
    Track: JURGAZ - Delta [Magic Free Release]
    Music Provided By: Magic Records
    Listen To The Original: bit.ly/2LLgcmi
    Fanlink: fanlink.to/6uz

Комментарии • 58

  • @sauvignonblanc5086
    @sauvignonblanc5086 5 лет назад +16

    Один из лучших форматов видео у тебя. Прекрасная подача 💎💎💎💎💎 Так держать)

    • @ThreePixDroid_RU
      @ThreePixDroid_RU  5 лет назад +1

      спасибо большое;) очень приятно;) в будущем видео станут ещё качественнее и интереснее.

  • @dmalashkin
    @dmalashkin 5 лет назад +5

    Наконец-то в ютубе годнота без воды. Человек создает интересное и объясняет каждую строчку кода. Именно это и нужно. Спасибо.

  • @karhor1393
    @karhor1393 5 лет назад +11

    Молодец, так держать, а то на русском ютубе, сложно найти что то интересное по js

  • @nadyshe
    @nadyshe 3 года назад +1

    какой любопытный канал! голос вещателя очень приятный - убаюкивает))))

  • @Лиинад-ъ1щ
    @Лиинад-ъ1щ 2 года назад +1

    Как же ты крут! Невероятно сколько можно сделать без библиотек и фреймворков

    • @Лиинад-ъ1щ
      @Лиинад-ъ1щ 2 года назад

      Понимаю, сейчас сложное положенип в мире, но Вы будете еще снимать?

    • @ThreePixDroid_RU
      @ThreePixDroid_RU  2 года назад +1

      Привет! Вообще я собираюсь продолжать вести канал и уже подготовил кучу материалов. Последние полгода с лишним у меня был перерыв, так как пару раз менял работу.. и проходил курсы, но сейчас я не могу точно сказать, что будет дальше.

    • @Лиинад-ъ1щ
      @Лиинад-ъ1щ 2 года назад

      @@ThreePixDroid_RU спасибо! Я недавно изучаю джаваскрипт и из-за Ваших уроков понял насколько сильный инструмент канвас. Спасибо вам и удачи!

  • @dilshodbeksobirjonov7286
    @dilshodbeksobirjonov7286 3 года назад +1

    лучший канал где обясняють нормально и делает крутые проекты спасибо за все

  • @михаиливанов-о8л
    @михаиливанов-о8л 3 года назад +1

    Очень высокий уровень подачи материала! :) Просто и гениально , и все продумано! Чувствуется рука человека с недюжинными способностями!) Присоединюсь к пожеланиям записать урок о сотворении пиксельного огня :) Спасибо!!

  • @sotoros
    @sotoros 5 лет назад +1

    Потрясающая подача. Отличный материал. 👍

  • @ЕгорМиронов-т9г
    @ЕгорМиронов-т9г 5 лет назад +1

    Спасибо за бОльший упор на математику в видео) отличные уроки)

  • @pavelarseyev452
    @pavelarseyev452 5 лет назад +2

    Шикарно. Коротко, без дурацкого разжевывания и повторения одного и того же. Строго по делу. А главное, красотища-то какая получается! Спасибо за видео! Как раз сейчас изучаю канвас апи и p5.js либу.

  • @nikolay6143
    @nikolay6143 3 года назад

    это офигенно, спасибо!

  • @bodfxua7698
    @bodfxua7698 4 года назад

    Я мало что понимаю с того что он пишет так как только начал изучать JS но внешнюю красоту написания кода как он все подравнивает и.д я оценил, есть у кого учится ЛАЙКОС!!!

  • @ЕгорМиронов-т9г
    @ЕгорМиронов-т9г 5 лет назад +1

    Ещё комментарий для продвижения видео, автор заслуживает бОльшей аудитории))

  • @dvladyko8258
    @dvladyko8258 3 года назад

    спасибо за интересное видео!

  • @volodymyrdedenko1749
    @volodymyrdedenko1749 5 лет назад

    Супер, видно что человек готовился, держи лайк

  • @itoorgenev
    @itoorgenev 5 лет назад

    музло правильное подобрано. сексуально.

  • @ДмитрийС-ш9б
    @ДмитрийС-ш9б 3 года назад

    Спасибо за видос, прям кайфанул😏

  • @a_lexios
    @a_lexios 3 года назад

    Спасибо! Твой канал - находка!
    Только вопрос, зачем оборачивать в самовызывающуюся функцию?

  • @strange_coderjs1747
    @strange_coderjs1747 2 года назад

    привет, крутой видос!

  • @ЯрославИванов-ю9р
    @ЯрославИванов-ю9р 5 лет назад

    Вау , очень круто.
    Было бы интересно увидеть эффект пиксельного огня в твоём исполнении

    • @ThreePixDroid_RU
      @ThreePixDroid_RU  5 лет назад +1

      Спасибо) Взял на заметку, может запишу как нибудь такой урок)

  • @КонстантинШуйский-ш9п

    Красавчик!👍

  • @ЕгорМиронов-т9г
    @ЕгорМиронов-т9г 5 лет назад +1

    Подача на очень высоком уровне, спасибо) все же оформление кода оставляет желать лучшего, ИМХО.
    А где ссылки на соц сети??)

    • @ThreePixDroid_RU
      @ThreePixDroid_RU  5 лет назад

      привет;) ссылки на соц сети после работы сегодня добавлю.
      А можно подробнее, о оформлении кода, если есть возможность то лучше явно указать на то, что нужно исправить и в следующем виде постараюсь улучшить оформление.

    • @ЕгорМиронов-т9г
      @ЕгорМиронов-т9г 5 лет назад

      @@ThreePixDroid_RU Вечером если будет время, я перепишу твой код на тот который по моему мнению более приятный)

    • @ThreePixDroid_RU
      @ThreePixDroid_RU  5 лет назад

      @@ЕгорМиронов-т9г понял;) буду ждать;)

  • @lockstock5357
    @lockstock5357 Год назад +1

    Автор, здравствуйте. Очень нравятся ваши ролики, особенно те где вы примиряете различного рода математические формулы для создания анимаций и поэтому хотел у вас поинтересоваться где можно научиться подобному? Я имею ввиду может есть какие то книги, статьи или курсы где на останове математики можно формировать анимации, типо в какой момент нужно вычислить синус, косинус или ещё что-нибудь дабы получить нужный вектор или угол анимации объекта? В интернете нашем и зарубежном обычно пишут про линейную алгебру и аналитическую геометрию мол учебники надо читать, но честно признаться я не всегда понимаю как конкретно потом применить эти знания на практике. Чтобы вы могли посоветовать более конкретное и практичное? Я переодически шарюсь на просторах Codepen, нахожу интересные анимации, но не всегда могу понять зачем та или иная формула здесь написана, а вы так хорошо объясняете, что заметно легче становится понимание происходящего. Как так же погрузиться в тему, как и Вы?

    • @ThreePixDroid_RU
      @ThreePixDroid_RU  Год назад +1

      Привет!) The nature of code - отличная бесплатная онлайн книга)

    • @lockstock5357
      @lockstock5357 Год назад

      @@ThreePixDroid_RU Спасибо Вам большое за совет 🙏

  • @pobugenplay9325
    @pobugenplay9325 3 года назад +1

    Здравствуйте еще раз.. Не подскажите что такое: "..." в js??

  • @pobugenplay9325
    @pobugenplay9325 3 года назад +1

    Привет всем :). Можно вопросик?
    Как повернуть картинку отрисованную на канвасе ? Но не затрагивая другие картинки. То есть что бы повернуть только 1, конкретную картинку?
    ЗА РАНЕЕ СПАСИБО!!!!

  • @ЕгорОвчинников-ь2г
    @ЕгорОвчинников-ь2г 3 года назад

    Слушай, а как тема цветовая в vs code у тебя называется?

  • @nadyshe
    @nadyshe 3 года назад

    а почему в начале несколько молний, а в конце всего одна получилась?

    • @ThreePixDroid_RU
      @ThreePixDroid_RU  3 года назад +1

      Привет. Количество зависит от параметра CirclesCount, примерно 14 строчка. Просто нужно изменить число, например на 5, тогда молний будет 5.

    • @nadyshe
      @nadyshe 3 года назад

      @@ThreePixDroid_RU Привет. спасибо!! буду дальше смотреть - очень нравится! желаю Вам творческих успехов!! Еще раз, Спасибо!:)

    • @ThreePixDroid_RU
      @ThreePixDroid_RU  3 года назад +1

      @@nadyshe Спасибо большое:)

  • @А4НОВОСТИ-д8ч
    @А4НОВОСТИ-д8ч 3 года назад

    привет, кто подскажет, как задать направление пули при выстреле в сторону курсора? Ну никак не получается =(

  • @kostasancez2358
    @kostasancez2358 5 лет назад

    Ещеееееееееее

  • @ИванБогачёв-д3ш
    @ИванБогачёв-д3ш 2 года назад

    Спасибо за ролик! Функцию getDistance можно упростить с помощью Math.hypot

    • @ThreePixDroid_RU
      @ThreePixDroid_RU  2 года назад

      На некоторых устройствах/браузерах hypot вычисляется дольше получения квадратного корня.
      Вообще нужно потестить.. просто статью об этом читал.