This Animation Tool Will Change Web Development

Поделиться
HTML-код
  • Опубликовано: 12 дек 2023
  • Join Brilliant using the link bellow for 30-day free trial + 20% off the premium subscription brilliant.org/developedbyed/
    Check out my web dev courses below🔥
    developedbyed.com
    -------------------------------------------------------------------------------------------------
    Links for more resources regarding 3D
    spline.design/
    www.blender.org/
    -------------------------------------------------------------------------------------------------
    👨‍💻Connect with me
    Twitter: / developedbyed
    Instagram: / developedbyed
    Github: github.com/developedbyed/
    -------------------------------------------------------------------------------------------------
    🎶 Dope tracks🔥
    The Doppelgangaz - Knocked chll.to/e375e647
    Leavv, Midan - Bloom chll.to/0b3ee665
    #webdevelopment #html #aria
  • НаукаНаука

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

  • @leogt15
    @leogt15 5 месяцев назад +70

    "You're gonna be amazed of how easy this actually is"
    Proceeds with 10 minutes of quite complex and specific commands to build a simple animation. 🤔

    • @developedbyed
      @developedbyed  5 месяцев назад +8

      Sorry! Will should’ve picked an easier example 🥲

  • @developedbyed
    @developedbyed  5 месяцев назад +49

    Oh by the way, not only the file sizes are smaller than anything from Lottie, their rendering engine is killer. They also removed the "Made by Rive"" logo at the bottom of the canvas when you are importing your .riv file 👍
    Happy holidays everyone

    • @dgcp354
      @dgcp354 5 месяцев назад

      please do more of this.

    • @Artvanov-
      @Artvanov- 5 месяцев назад

      I still can’t believe the file sizes! It’s crazy, definitely I’ll learn more about it
      Thanks for sharing it!
      Happy holidays 🥳

  • @ChelseaQuindipan
    @ChelseaQuindipan 5 месяцев назад +2

    thanks for sharing this, this is super cool! will definitely be playing around with the animations and adding them to my projects

  • @jikochi
    @jikochi 5 месяцев назад

    Thanks Ed. That looks so amazing! I'll try

  • @osaka-ben9291
    @osaka-ben9291 5 месяцев назад

    thank you so much for sharing ! definitely want to try this :)

  • @dukeselwood
    @dukeselwood 5 месяцев назад +1

    Thanks Ed. Perfect timing, as I was literally just reading up about Rive

  • @ThugLifeModafocah
    @ThugLifeModafocah 5 месяцев назад +10

    Not simple at all, but very cool and powerful tool indeed.

    • @developedbyed
      @developedbyed  5 месяцев назад +5

      Ill pick a simpler example next time 👍

  • @sunnyk8188
    @sunnyk8188 5 месяцев назад

    Been using this tool quite a lot .. Heard about this in Duocon .. Please try to make a full tutorial covering all the basic process

  • @amir112
    @amir112 5 месяцев назад

    thank you ed for these great videos❤

  • @davi_grah
    @davi_grah 5 месяцев назад

    Thanks for sharing!

  • @KengHTT
    @KengHTT 5 месяцев назад +1

    Wow this is sick!

  • @josephmgift
    @josephmgift 5 месяцев назад +1

    WOOOOOAH, THANK YOU

  • @emanahmed1892
    @emanahmed1892 5 месяцев назад

    Great tutorial as always.
    I hope you give Quill Forms a shot!

    • @wojtek5693
      @wojtek5693 5 месяцев назад

      Bro wtf no. Only NPCs use wordpress.

    • @emanahmed1892
      @emanahmed1892 5 месяцев назад

      @@wojtek5693 It has a React version

  • @effekt.design
    @effekt.design 5 месяцев назад

    Thanks for the video Ed!

  • @inderjeetsinghsra1995
    @inderjeetsinghsra1995 5 месяцев назад

    Hi, What's the font you're using in your vscode editor?

  • @justin9494
    @justin9494 5 месяцев назад

    Wow, it's so simple!

  • @bentonio07
    @bentonio07 5 месяцев назад

    I might be missing something but how is this better or different form tumult hype pro?

  • @alipalvane
    @alipalvane 5 месяцев назад

    you are awesome and this tool

  • @likandokayombo
    @likandokayombo 5 месяцев назад +2

    Hello friends from the internet. Thank you for this powerful video

  • @ayoubelgueddari3767
    @ayoubelgueddari3767 5 месяцев назад +1

    Sick 👍👍

  • @ankithgamedev1131
    @ankithgamedev1131 5 месяцев назад +1

    thank you for this

  • @rapidreasearchyt
    @rapidreasearchyt 5 месяцев назад

    Its 3am and im watching ur video, 😂 thanks bro for this

  • @nikyt36
    @nikyt36 5 месяцев назад +3

    I’ve used Rive and it is great but doesn’t produce small files once you start making anything beyond a basic animation. Definitely keeping an eye on it though.

    • @Dominich1993
      @Dominich1993 5 месяцев назад +3

      the $24/month fee is also pretty steep.

    • @developedbyed
      @developedbyed  5 месяцев назад

      You always have 3 projects for free, never paid

  • @rakshitdubey2450
    @rakshitdubey2450 5 месяцев назад +1

    Haha, known the tool but not how to use it in an efficient way, thanks a lot

  • @joinride_cc
    @joinride_cc 5 месяцев назад +3

    Felt a bit like "How to draw an owl".

    • @nickwoodward819
      @nickwoodward819 5 месяцев назад

      100%, and I use gsap a fair amount

  • @tmoneyy5697
    @tmoneyy5697 5 месяцев назад +7

    This is not easy! Lots of time spent on that animation 🧐

  • @damianminds
    @damianminds 5 месяцев назад +4

    "This Animation Tool Will Change Web Development"
    This tool is designed mostly for animations in game industry. This tool won't change anything in webdev

    • @developedbyed
      @developedbyed  5 месяцев назад +3

      Well that’s not true, you can use it for iOS, android, gamedev, webdev with canvas or webgl, windows, rust, c++ and a half dozen more. At ultra small filesizes and 60fps. That’s pretty good for me 👍

    • @damianminds
      @damianminds 5 месяцев назад

      @@developedbyed Ok, but you should show us better example then ;)
      If you build sth interesting with this tool - please share with us (if its not a secret), kindly regards

    • @NorbertWebDev
      @NorbertWebDev 5 месяцев назад +1

      Yep, game dev for Sure, nothing to do with web dev.

  • @thevikingsock8527
    @thevikingsock8527 5 месяцев назад +1

    I think services like spline with framer and webflow are great, but sadly the pricing is as consumerunfriendly as it gets ...

    • @developedbyed
      @developedbyed  5 месяцев назад +1

      this one is free, you can create 3 files, so that's pretty good!

  • @DoSmth
    @DoSmth 4 месяца назад

    Спасибо!!!🎉

  • @dancarter5595
    @dancarter5595 5 месяцев назад +1

    Awesome, they invented Macromedia Flash v4

  • @FreeTrial0315
    @FreeTrial0315 5 месяцев назад +1

    Can you provide the degisn file please

  • @MarkoKozlica
    @MarkoKozlica 3 месяца назад

    Vertex / Vertices

  • @krascheninnikoviamzkid9973
    @krascheninnikoviamzkid9973 5 месяцев назад

    Can I use react + .riv file with free plan?

  • @sma92878
    @sma92878 5 месяцев назад

    I'm amused, this UI looks VERY similar to Marcomedia (purchased by Adobe) Flash from roughly 20 years ago.

  • @outpost31737
    @outpost31737 5 месяцев назад

    Never heard of Rive. Is it a step-up from Figma?

    • @developedbyed
      @developedbyed  5 месяцев назад

      Neither a step up or a step down, quite different tools. This is great if you wanna make game UI’s or animations.

  • @bulbadragon2275
    @bulbadragon2275 5 месяцев назад +1

    should the developer make these animations? or should the designer do this?

    • @recursion.
      @recursion. 5 месяцев назад

      Nah probably should hire animator to do his job.

  • @natecoley160
    @natecoley160 5 месяцев назад +1

    since rive is proprietary app, it won't change anything, unfortunately

  • @naked_avocado
    @naked_avocado 5 месяцев назад

    The title said it will change web development
    GG

  • @dothex
    @dothex 5 месяцев назад +3

    My dude are you serious?
    You couldn't provide a link to Rive? -_-

    • @developedbyed
      @developedbyed  5 месяцев назад +2

      Here rive.app

    • @dothex
      @dothex 5 месяцев назад

      Gracias @@developedbyed

  • @adisonmasih
    @adisonmasih 5 месяцев назад

    sup ed

  • @walkingin6375
    @walkingin6375 5 месяцев назад +1

    What about Spline?

    • @benasmockus6988
      @benasmockus6988 5 месяцев назад

      Ah yes. The tool that’s built on top of threejs, that’s built on top of WebGL

    • @developedbyed
      @developedbyed  5 месяцев назад +1

      Yeah great for any 3D stuff, this is mainly 2D 👍

    • @walkingin6375
      @walkingin6375 5 месяцев назад

      @@developedbyed ah okay. Cool beans 😁

  • @jannickpedersen4620
    @jannickpedersen4620 3 месяца назад

    I gave up at 4 minutes, for osmeone who has never done this, this short explanation is way to hard. The UI is also different now in Rive, but could be nice if next was like 20 minutes, where you take it more slow and acutally show where to press,, cuz my bones does not behave as you can therefor i cant do the stuff you can for the first animation play. I have this on my 65 QLED TV and sit really close, yet its too hard to do it correctly

  • @shurt703
    @shurt703 4 месяца назад

    if your lottie/json is 2mb, you're probably doing something wrong

  • @yossarian2289
    @yossarian2289 5 месяцев назад

    Ed, this one has strong advertorial vibes man - is it, or do you just like this thing?

    • @developedbyed
      @developedbyed  5 месяцев назад +1

      I just like the tool, not sponsored, just wanted to share 😅 I think people will start seeing good applications for it soon in web dev

    • @yossarian2289
      @yossarian2289 5 месяцев назад

      @@developedbyed nice, thanks for replying.

  • @GregDowns
    @GregDowns 4 месяца назад

    I thought this was a parody video for most of it.

  • @sabeerbikba8585
    @sabeerbikba8585 3 месяца назад

    That is figma right

  • @blazi_0
    @blazi_0 5 месяцев назад +1

    Web development ☕

  • @user-qj6fq1bn7n
    @user-qj6fq1bn7n 5 месяцев назад +3

    That's too much work for a developer 😅

    • @developedbyed
      @developedbyed  5 месяцев назад

      Takes about 10 minutes to do 🤷

    • @dxnsav
      @dxnsav 5 месяцев назад

      Because its not work for web dev its for animator or designer

  • @HowPortal
    @HowPortal 5 месяцев назад +1

    Every video on youtube is a ad nowadays.

  • @SamSepiol127
    @SamSepiol127 5 месяцев назад

    well..."new", Rive was around since 2016 and if you wanna be picky Rive is as you show since at least 3 or 4 years

  • @monkaSisLife
    @monkaSisLife 5 месяцев назад

    I'm going to be honest here, i don't like Calling React etc. "Web development", its more like App Development.
    Its also waaay to overcomplicated & overkill for most normal websites.

  • @webdevelopete
    @webdevelopete 5 месяцев назад

    Hi 😊

  • @Zagoorland
    @Zagoorland 5 месяцев назад +1

    Ok, this looks super complicated and I barely understood anything from this video…
    Web development is much easier than this 😅

    • @developedbyed
      @developedbyed  5 месяцев назад

      What did you find difficult about it?

  • @yourtubecards
    @yourtubecards 5 месяцев назад

    Chinch, kur malinch 😂 Sorry this is what my fellow Romanians thought me. 😂

    • @alexmaracinaru
      @alexmaracinaru 5 месяцев назад +1

      😂 The spelling, I must say, is phenomenal 😂

  • @PhucHuynh-xp4fh
    @PhucHuynh-xp4fh 5 месяцев назад

    it looks like unity animation tool 😂

  • @truthteachers
    @truthteachers 5 месяцев назад +21

    You must be kidding. It may be a good tool for animation creators but seems messy and complicated tool for a web developer. What is a job of a web developer? Create such things or create a website? Things like Lottie are far better. I was into the video for 5 minutes and went Sigh! It will not change web development, it may change animation artifact creation.

    • @NorbertWebDev
      @NorbertWebDev 5 месяцев назад

      Same opinion here. The dude is a artist with his had in the clouds. Not to dump on him but ...

    • @developedbyed
      @developedbyed  5 месяцев назад +11

      I mean it’s up to you how far you take it.. is it a job for web developer? Probably not, but have you seen Bruno Simon’s portfolio? 3D is not a web dev job but it made his portfolio one of the most unique ones out there.

    • @truthteachers
      @truthteachers 5 месяцев назад +2

      @@developedbyed Yeah? How much profit did his portfolio make? How many developers know him? Does this man's achievement make the software a game changer? Seriously?

    • @botwhipified1828
      @botwhipified1828 5 месяцев назад +3

      @@truthteachers Are you competing with jobs in top industries? If yes, then you would know that to even be considered to be hired they'll look at your portfolio for all development, motion design, layout and branding. They don't care what is your field out of those, they'll want to see the full thing. So yeah, good to know tools to help for anything needed nowadays.

    • @truthteachers
      @truthteachers 5 месяцев назад +1

      @@botwhipified1828 I agree. I am an employer and consultant in the IT field over 45 years. If i interview a person who knows ABOUT everything and masters nothing, I would kick him out. If the guy can do wonderful animation just using fundamental css and js, i would take him in and kick the fool who thinks about future tech. I need producers not scientists. So if you are seeking a job then understand from views of a person who has employed hundreds of staff and sacked tens as well.

  • @versionoriginal
    @versionoriginal 5 месяцев назад

    Web Development?!? It's a good tool to make animations but where is the "web development"?!?

  • @Bodom1978
    @Bodom1978 5 месяцев назад +1

    Please respect a user's preference for reduced motion and do not autoplay your animations if true.

  • @socialkruption
    @socialkruption 5 месяцев назад

    Many people (including me) said that Flash would do the same thing here we are, swf files are the way of the dodo bird.

  • @lahuman3053
    @lahuman3053 5 месяцев назад

    Dhjene.

  • @lahuman3053
    @lahuman3053 5 месяцев назад

    ...

  • @TheBlackManMythLegend
    @TheBlackManMythLegend 5 месяцев назад

    lottie files are not big or 2mbytes a lot of serious companies use that pipeline after effect + lottie which also have a client on android and ios, good gain of time.

  • @Ranjeetsingh-ke9ez
    @Ranjeetsingh-ke9ez 5 месяцев назад

    waste of time bone tool dosent work after effect is best

  • @atom6_
    @atom6_ 5 месяцев назад

    sorry but this is a horribly confusing video, goes all over the place.

  • @shauryadityabardhan6532
    @shauryadityabardhan6532 4 месяца назад

    @developedbyed please help me find freelancing projects