This Animation Tool Will Change Web Development

แชร์
ฝัง
  • เผยแพร่เมื่อ 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

  • @developedbyed
    @developedbyed  6 หลายเดือนก่อน +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 6 หลายเดือนก่อน

      please do more of this.

    • @Artvanov-
      @Artvanov- 6 หลายเดือนก่อน

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

  • @leogt15
    @leogt15 6 หลายเดือนก่อน +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  6 หลายเดือนก่อน +8

      Sorry! Will should’ve picked an easier example 🥲

  • @ChelseaQuindipan
    @ChelseaQuindipan 6 หลายเดือนก่อน +2

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

  • @dukeselwood
    @dukeselwood 6 หลายเดือนก่อน +1

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

  • @jikochi
    @jikochi 5 หลายเดือนก่อน

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

  • @osaka-ben9291
    @osaka-ben9291 6 หลายเดือนก่อน

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

  • @davi_grah
    @davi_grah 5 หลายเดือนก่อน

    Thanks for sharing!

  • @amir112
    @amir112 6 หลายเดือนก่อน

    thank you ed for these great videos❤

  • @KengHTT
    @KengHTT 6 หลายเดือนก่อน +1

    Wow this is sick!

  • @ThugLifeModafocah
    @ThugLifeModafocah 6 หลายเดือนก่อน +10

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

    • @developedbyed
      @developedbyed  6 หลายเดือนก่อน +5

      Ill pick a simpler example next time 👍

  • @sunnyk8188
    @sunnyk8188 6 หลายเดือนก่อน

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

  • @josephmgift
    @josephmgift 6 หลายเดือนก่อน +1

    WOOOOOAH, THANK YOU

  • @emanahmed1892
    @emanahmed1892 6 หลายเดือนก่อน

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

    • @wojtek5693
      @wojtek5693 6 หลายเดือนก่อน

      Bro wtf no. Only NPCs use wordpress.

    • @emanahmed1892
      @emanahmed1892 6 หลายเดือนก่อน

      @@wojtek5693 It has a React version

  • @justin9494
    @justin9494 6 หลายเดือนก่อน

    Wow, it's so simple!

  • @alipalvane
    @alipalvane 6 หลายเดือนก่อน

    you are awesome and this tool

  • @ayoubelgueddari3767
    @ayoubelgueddari3767 6 หลายเดือนก่อน +1

    Sick 👍👍

  • @effekt.design
    @effekt.design 6 หลายเดือนก่อน

    Thanks for the video Ed!

  • @ankithgamedev1131
    @ankithgamedev1131 6 หลายเดือนก่อน +1

    thank you for this

    • @developedbyed
      @developedbyed  6 หลายเดือนก่อน

      my pleasure 👍

  • @inderjeetsinghsra1995
    @inderjeetsinghsra1995 6 หลายเดือนก่อน

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

  • @bentonio07
    @bentonio07 6 หลายเดือนก่อน

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

  • @likandokayombo
    @likandokayombo 6 หลายเดือนก่อน +2

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

  • @rapidreasearchyt
    @rapidreasearchyt 6 หลายเดือนก่อน

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

  • @DoSmth
    @DoSmth 5 หลายเดือนก่อน

    Спасибо!!!🎉

  • @rakshitdubey2450
    @rakshitdubey2450 6 หลายเดือนก่อน +1

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

  • @sma92878
    @sma92878 6 หลายเดือนก่อน

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

  • @nikyt36
    @nikyt36 6 หลายเดือนก่อน +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 6 หลายเดือนก่อน +3

      the $24/month fee is also pretty steep.

    • @developedbyed
      @developedbyed  6 หลายเดือนก่อน

      You always have 3 projects for free, never paid

  • @MarkoKozlica
    @MarkoKozlica 3 หลายเดือนก่อน

    Vertex / Vertices

  • @FreeTrial0315
    @FreeTrial0315 6 หลายเดือนก่อน +1

    Can you provide the degisn file please

  • @joinride_cc
    @joinride_cc 6 หลายเดือนก่อน +3

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

    • @nickwoodward819
      @nickwoodward819 6 หลายเดือนก่อน

      100%, and I use gsap a fair amount

  • @krascheninnikoviamzkid9973
    @krascheninnikoviamzkid9973 6 หลายเดือนก่อน

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

  • @thevikingsock8527
    @thevikingsock8527 6 หลายเดือนก่อน +1

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

    • @developedbyed
      @developedbyed  6 หลายเดือนก่อน +1

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

  • @dancarter5595
    @dancarter5595 6 หลายเดือนก่อน +1

    Awesome, they invented Macromedia Flash v4

  • @tmoneyy5697
    @tmoneyy5697 6 หลายเดือนก่อน +7

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

  • @damianminds
    @damianminds 6 หลายเดือนก่อน +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  6 หลายเดือนก่อน +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 6 หลายเดือนก่อน

      @@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 6 หลายเดือนก่อน +1

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

  • @adisonmasih
    @adisonmasih 6 หลายเดือนก่อน

    sup ed

  • @outpost31737
    @outpost31737 6 หลายเดือนก่อน

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

    • @developedbyed
      @developedbyed  6 หลายเดือนก่อน

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

  • @naked_avocado
    @naked_avocado 6 หลายเดือนก่อน

    The title said it will change web development
    GG

  • @bulbadragon2275
    @bulbadragon2275 6 หลายเดือนก่อน +1

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

    • @recursion.
      @recursion. 6 หลายเดือนก่อน

      Nah probably should hire animator to do his job.

  • @natecoley160
    @natecoley160 6 หลายเดือนก่อน +1

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

  • @yossarian2289
    @yossarian2289 6 หลายเดือนก่อน

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

    • @developedbyed
      @developedbyed  6 หลายเดือนก่อน +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 6 หลายเดือนก่อน

      @@developedbyed nice, thanks for replying.

  • @dothex
    @dothex 6 หลายเดือนก่อน +3

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

    • @developedbyed
      @developedbyed  6 หลายเดือนก่อน +2

      Here rive.app

    • @dothex
      @dothex 6 หลายเดือนก่อน

      Gracias @@developedbyed

  • @shurt703
    @shurt703 4 หลายเดือนก่อน

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

  • @walkingin6375
    @walkingin6375 6 หลายเดือนก่อน +1

    What about Spline?

    • @benasmockus6988
      @benasmockus6988 6 หลายเดือนก่อน

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

    • @developedbyed
      @developedbyed  6 หลายเดือนก่อน +1

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

    • @walkingin6375
      @walkingin6375 6 หลายเดือนก่อน

      @@developedbyed ah okay. Cool beans 😁

  • @jannickpedersen4620
    @jannickpedersen4620 4 หลายเดือนก่อน

    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

  • @GregDowns
    @GregDowns 4 หลายเดือนก่อน

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

  • @sabeerbikba8585
    @sabeerbikba8585 4 หลายเดือนก่อน

    That is figma right

  • @user-qj6fq1bn7n
    @user-qj6fq1bn7n 6 หลายเดือนก่อน +3

    That's too much work for a developer 😅

    • @developedbyed
      @developedbyed  6 หลายเดือนก่อน

      Takes about 10 minutes to do 🤷

    • @dxnsav
      @dxnsav 6 หลายเดือนก่อน

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

  • @webdevelopete
    @webdevelopete 6 หลายเดือนก่อน

    Hi 😊

  • @socialkruption
    @socialkruption 6 หลายเดือนก่อน

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

  • @blazi_0
    @blazi_0 6 หลายเดือนก่อน +1

    Web development ☕

  • @HowPortal
    @HowPortal 6 หลายเดือนก่อน +1

    Every video on youtube is a ad nowadays.

  • @SamSepiol127
    @SamSepiol127 6 หลายเดือนก่อน

    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

  • @yourtubecards
    @yourtubecards 6 หลายเดือนก่อน

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

    • @alexmaracinaru
      @alexmaracinaru 6 หลายเดือนก่อน +1

      😂 The spelling, I must say, is phenomenal 😂

  • @monkaSisLife
    @monkaSisLife 6 หลายเดือนก่อน

    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.

  • @PhucHuynh-xp4fh
    @PhucHuynh-xp4fh 6 หลายเดือนก่อน

    it looks like unity animation tool 😂

  • @Zagoorland
    @Zagoorland 6 หลายเดือนก่อน +1

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

    • @developedbyed
      @developedbyed  6 หลายเดือนก่อน

      What did you find difficult about it?

  • @versionoriginal
    @versionoriginal 6 หลายเดือนก่อน

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

  • @Bodom1978
    @Bodom1978 6 หลายเดือนก่อน +1

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

  • @truthteachers
    @truthteachers 6 หลายเดือนก่อน +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 6 หลายเดือนก่อน

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

    • @developedbyed
      @developedbyed  6 หลายเดือนก่อน +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 6 หลายเดือนก่อน +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 6 หลายเดือนก่อน +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 6 หลายเดือนก่อน +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.

  • @lahuman3053
    @lahuman3053 6 หลายเดือนก่อน

    Dhjene.

  • @lahuman3053
    @lahuman3053 6 หลายเดือนก่อน

    ...

  • @TheBlackManMythLegend
    @TheBlackManMythLegend 6 หลายเดือนก่อน

    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_ 6 หลายเดือนก่อน

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

  • @shauryadityabardhan6532
    @shauryadityabardhan6532 5 หลายเดือนก่อน

    @developedbyed please help me find freelancing projects