Создание анимации на JavaScript / Библиотека Anime.js!

Канала "Уголок веб-дизайнера": / ewgen15
Анимация это отличное дополнение к любому веб-сайту. В этом уроке мы изучим с вами специальную библиотеку, которая позволяет создавать анимации на JavaScript - Anime.JS.
1) Библиотека Anime.js: animejs.com/
2) Документация: animejs.com/documentation/
3) Код из видео урока на itProger: itproger.com/course/programmi...
✔ Основной сайт: itproger.com/
✔ Конструктор сайтов: crafty.site/
✔ -------------
Группа Вк - prog_life
Группа FaceBook - goo.gl/XW0aaP
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Страничка Twitter - / goshadudar
Страничка Вк - codi999
✔ Начните зарабатывать на KZread - join.air.io/money_air
✔ Видео по заработку на KZread - goo.gl/RLPXV8
Помощь в развитии канала.
* Яндекс Деньги: 410014343706921
* Кошельки WebMoney:
- Доллар: Z331064341236
- Гривна: U386388718252
- Рубль: R214610220703

Пікірлер: 87

  • @denis1250
    @denis12506 жыл бұрын

    Зашел посмотреть рекламу, а тут какое-то аниме

  • @benedictskyler3196

    @benedictskyler3196

    2 жыл бұрын

    i realize it's quite off topic but do anyone know of a good site to watch newly released series online ?

  • @kadenlayne1065

    @kadenlayne1065

    2 жыл бұрын

    @Benedict Skyler Flixportal

  • @benedictskyler3196

    @benedictskyler3196

    2 жыл бұрын

    @Kaden Layne thanks, I went there and it seems to work :) Appreciate it!!

  • @kadenlayne1065

    @kadenlayne1065

    2 жыл бұрын

    @Benedict Skyler No problem xD

  • @norman_p3
    @norman_p35 жыл бұрын

    чего так рекламы то мало !? больше давай ...

  • @PRUBUNTEYPISECKIY
    @PRUBUNTEYPISECKIY6 жыл бұрын

    Спасибо, Гоша, за очень познавательный урок!

  • @dimanazdratenko
    @dimanazdratenko6 жыл бұрын

    бомбически ) качаю)) а 3 напоминания какого-то типа это зашквар, завязывай))

  • @articstyle4144
    @articstyle41446 жыл бұрын

    Гоша, какой у тебя MacBook? Задумываюсь о покупке Air, но не знаю потянет ли обучение программированию под андроид(юнити), разработке веб-приложений, ну и капельку фотошопа( вёрстка из псд). Может кто знает или имеет опыт, буду благодарен за подсказку))

  • @sbogomazov751
    @sbogomazov7516 жыл бұрын

    чё пацаны, аниме?

  • @noraunt5548

    @noraunt5548

    6 жыл бұрын

    джиэс

  • @aks_pro6951

    @aks_pro6951

    6 жыл бұрын

    Аниме.

  • @vitaliradchanka1097

    @vitaliradchanka1097

    6 жыл бұрын

    Лол)

  • @orpheus8774

    @orpheus8774

    6 жыл бұрын

    Ха смешно

  • @orpheus8774

    @orpheus8774

    6 жыл бұрын

    Не смешно

  • @segreiulanov6057
    @segreiulanov60576 жыл бұрын

    И ещё раз напомню...

  • @xnovvz
    @xnovvz6 жыл бұрын

    Что именно за плагин вроде ColorPicker'a ты используешь?

  • @user-ut2op4ql8h
    @user-ut2op4ql8h6 жыл бұрын

    3 рекламы видос..

  • @MrRobot-dc8un
    @MrRobot-dc8un Жыл бұрын

    Спасибо тебе, огромное, очень познавательный ролик. Да и вообще, канал!

  • @melissasofie7681
    @melissasofie76813 жыл бұрын

    Спасибо тебе большое, ты меня спас.

  • @gentlewood
    @gentlewood6 жыл бұрын

    Годно все объясняешь, по Vue полезно было. У меня такой вопрос, не думал запилить создание веб-приложения с нуля до выгрузки на сервер? например на том же Vue и Node Просто не до конца понимаю всю технологию этого процесса, допустим я создал на локалке весь проект, куда мне его дальше, какую-то особенную логику надо делать или как? Вот что было бы интересно))

  • @shodiev777
    @shodiev777 Жыл бұрын

    Мне нужно для игры ходьба для npc на js?

  • @user-xh7nb6lz4d
    @user-xh7nb6lz4d Жыл бұрын

    а как сделать чтобы она с правого угла стартовала к центру?

  • @vasyapupkin9338
    @vasyapupkin93386 жыл бұрын

    Зачем насильно пихать рекламу несколько раз за видео, от этого только хочется зайти к нему на канал и дизов накидать и тебе заодно.

  • @user-ut2sp4ql5h
    @user-ut2sp4ql5h4 жыл бұрын

    Вот почему всегда так, на видео всё так гладко и красиво, а в реальности хр*н что получается.

  • @camilla9744
    @camilla97442 жыл бұрын

    Большое спасибо 😭🙏

  • @TCP_ip
    @TCP_ip6 жыл бұрын

    Круто SAO вспомнил

  • @SwaidiSwaidi
    @SwaidiSwaidi2 жыл бұрын

    Ты лучший!!! Спасибо тебе! Никого не слушай, реклама у тебя нужная и полезная! Пожалуйста, не сдавайся и продолжай!

  • @w1zzerez
    @w1zzerez6 жыл бұрын

    Годно как и всегда, но с рекламой переборщил. Когда РПГ?

  • @user-qh5fr3yo1w
    @user-qh5fr3yo1w5 жыл бұрын

    Григорий, спасибо вам огромное. Урок просто супер :-)

  • @user-wx1iy7tu5x
    @user-wx1iy7tu5x4 жыл бұрын

    как вставить в elementor pro (wordpress)

  • @sergeigofman4853

    @sergeigofman4853

    4 жыл бұрын

    получилось?

  • @skywalker2090
    @skywalker20904 жыл бұрын

    Respect!

  • @user-tw1io5xv7i
    @user-tw1io5xv7i6 жыл бұрын

    Ребята не до конца разбираюсь, что лучше canvas или Anime.js?

  • @user-cl3ej8mt9i

    @user-cl3ej8mt9i

    6 жыл бұрын

    ахах , лол . это разные вещи ... анимэ просто помогает работать с css свойствами через js и с svg не много , так как морфинг , мошн паз , и отрисовка контура это мало . и это библиотека , а канвас это совсем другое )

  • @digitalturkistan1857
    @digitalturkistan18576 жыл бұрын

    Александр Лущенко у него самый крутой курсы.

  • @user-ti4eb5od9c
    @user-ti4eb5od9c6 жыл бұрын

    Когда новая серия по GameMaker studio 2 ?

  • @B.u.t.a.
    @B.u.t.a.6 жыл бұрын

    прикольно

  • @H1roHamada
    @H1roHamada4 жыл бұрын

    Те кто начинают учить js забьют на анимацию на чистом js и будут юзать библиотеку , в итоге при устройстве на работу не устроятся, кто виноват ? Гоша виноват :)

  • @admenmod
    @admenmod5 жыл бұрын

    А 3D библиотека есть?

  • @spoki89

    @spoki89

    5 жыл бұрын

    есть

  • @marksavka3654
    @marksavka36544 жыл бұрын

    10:40 что за среда разработки?

  • @marksavka3654

    @marksavka3654

    4 жыл бұрын

    Уточнение, как ти ето открил?

  • @QwertyQwerty-jv8cu

    @QwertyQwerty-jv8cu

    4 жыл бұрын

    Среда разработки атом

  • @xaosit8974

    @xaosit8974

    3 жыл бұрын

    Atom, бесплатный, кстати.)

  • @marksavka3654

    @marksavka3654

    3 жыл бұрын

    @@xaosit8974 камон, етому коменту уже более года

  • @padrocha
    @padrocha4 жыл бұрын

    Ah, pero que bueno vídeo

  • @spoki89
    @spoki895 жыл бұрын

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

  • @misapopovici3324
    @misapopovici33246 жыл бұрын

    js ли это? или copyPasteJs ?

  • @Mykhailo_Vdovychenko
    @Mykhailo_Vdovychenko4 жыл бұрын

    Спасибо! Очень интересная библиотека!

  • @blackvaderusa4647
    @blackvaderusa46475 жыл бұрын

    Это хорошо конечно, но это не будет эксклюзивом. Для более-менее крупных проектов нужно своя разработанная анимация.

  • @armanamrazyan6609
    @armanamrazyan66096 жыл бұрын

    красава

  • @DIVERSANT_RUS
    @DIVERSANT_RUS4 жыл бұрын

    Нашел интересную статью по Anime.js active-vision.ru/blog/sdelat-anime-js-animaciyu/ особо полезна будет, кто давно мечтал найти что то подобное, т.к. гайдов маловато

  • @Gagironn

    @Gagironn

    4 жыл бұрын

    Спасибо

  • @poseidon9276
    @poseidon9276 Жыл бұрын

    крутяк

  • @billyukrop1496
    @billyukrop1496 Жыл бұрын

    Тут из полезного только: Вот библиотека amine.js.

  • @truests_things4813
    @truests_things48133 жыл бұрын

    привет из 2020

  • @Veliclown
    @Veliclown Жыл бұрын

    у меня не работает

  • @sayrus
    @sayrus6 жыл бұрын

    Гоша,запили уроки по node.js

  • @erronx8594
    @erronx85944 жыл бұрын

    а вирусы есть?

  • @imp_anastasia

    @imp_anastasia

    4 жыл бұрын

    нет

  • @ZuievBV
    @ZuievBV6 жыл бұрын

    4 минуты назад))

  • @iskandarinsta6991
    @iskandarinsta69912 жыл бұрын

    Можно чтоб медленно проигрывался

  • @BestMovieActors
    @BestMovieActors6 жыл бұрын

    Только вся эта анимация будет занимать 5 гигов оперативки и грузить полностью процессор)))

  • @zp00v0518

    @zp00v0518

    6 жыл бұрын

    Почему Вы так считаете?

  • @BestMovieActors

    @BestMovieActors

    6 жыл бұрын

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

  • @spoki89

    @spoki89

    5 жыл бұрын

    @Best Movie Actors смотря сколько элементов будет и алгоритм.

  • @user-nf6xv1dk5t
    @user-nf6xv1dk5t5 жыл бұрын

    Просто обзор на либу, никакой пользы. Минимум информации.

  • @bohdanlototskyi9175
    @bohdanlototskyi91756 жыл бұрын

    anime is not defined,чо делать,скрипт подкулючал

  • @oraclevb5430
    @oraclevb54304 жыл бұрын

    Double ad

  • @oraclevb5430

    @oraclevb5430

    4 жыл бұрын

    Нет triple ad

  • @xdef42
    @xdef424 жыл бұрын

    Диз за 3 рекламы

  • @stalkerprotekta4287
    @stalkerprotekta42875 жыл бұрын

    Дизлайк за 3 реклами.

  • @lpgkamianets-podolsky5593
    @lpgkamianets-podolsky55936 жыл бұрын

    очень бесит, реклама. Диз.

  • @user-qo7vr5nb1v
    @user-qo7vr5nb1v5 жыл бұрын

    Дизлайк за тупую рекламу.

  • @user-md1ki5bz5z
    @user-md1ki5bz5z6 жыл бұрын

    ты не говоришь ты ТАРАТОРИШЬ нихеране понятно ()

  • @a_sampiev
    @a_sampiev6 жыл бұрын

    Гоша 2000 милисекунд - это 20 секунд. В одной секунде 100 милисекунд.

  • @dimanazdratenko

    @dimanazdratenko

    6 жыл бұрын

    смешно, смешно)))

  • @user-er5ux4xv7e

    @user-er5ux4xv7e

    5 жыл бұрын

    жалко тебя

  • @timmordock

    @timmordock

    4 жыл бұрын

    Надеюсь, что это шутка такая.

  • @dmitriyzhukov4592
    @dmitriyzhukov45923 жыл бұрын

    Рекламируемый канал ни о чём.

  • @user-xt5yx4gi8e
    @user-xt5yx4gi8e Жыл бұрын

    автор тороторит очень не удобно воспринимать материал

Келесі