This Animation Tool Will Change Web Development

[@developedbyed]

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]

please do more of this.

[@Artvanov-]

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]

"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]

Sorry! Will should’ve picked an easier example 🥲

[@ThugLifeModafocah]

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

[@developedbyed]

Ill pick a simpler example next time 👍

[@ChelseaQuindipan]

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

[@jikochi]

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

[@bingers_uk]

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

[@josephmgift]

WOOOOOAH, THANK YOU

[@joinride_cc]

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

[@nickwoodward819]

100%, and I use gsap a fair amount

[@effekt.design]

Thanks for the video Ed!

[@KengHTT]

Wow this is sick!

[@nikyt36]

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]

the $24/month fee is also pretty steep.

[@developedbyed]

You always have 3 projects for free, never paid

[@bentonio07]

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

[@dancarter5595]

Awesome, they invented Macromedia Flash v4

[@tmoneyy5697]

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

[@davi_grah]

Thanks for sharing!

[@thevikingsock8527]

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

[@developedbyed]

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

[@sunnyk8188]

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]

thank you ed for these great videos❤

[@osaka-ben9291]

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

[@justin9494]

Wow, it's so simple!

[@inderjeetsinghsra1995]

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

[@likandokayombo]

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

[@alipalvane]

you are awesome and this tool

[@damianminds]

"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]

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]

@@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]

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

[@emanahmed1892]

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

[@wojtek5693]

Bro wtf no. Only NPCs use wordpress.

[@emanahmed1892]

@@wojtek5693 It has a React version

[@MarkoKozlica]

Vertex / Vertices

[@ankithgamedev1131]

thank you for this

[@developedbyed]

my pleasure 👍

[@bulbadragon2275]

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

[@recursion.]

Nah probably should hire animator to do his job.

[@dothex]

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

[@developedbyed]

Here rive.app

[@dothex]

Gracias @@developedbyed

[@sma92878]

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

[@FreeTrial0315]

Can you provide the degisn file please

[@rakshitdubey2450]

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

[@outpost31737]

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

[@developedbyed]

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

[@socialkruption]

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

[@natecoley160]

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

[@ayoubelgueddari3767]

Sick 👍👍

[@jannickpedersen4620]

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

[@krascheninnikoviam]

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

[@shurt703]

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

[@walkingin6375]

What about Spline?

[@benasmockus6988]

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

[@developedbyed]

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

[@walkingin6375]

@@developedbyed ah okay. Cool beans 😁

[@AleksandrNeo]

Спасибо!!!🎉

[@rapidreasearchyt]

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

[@yossarian2289]

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

[@developedbyed]

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]

@@developedbyed nice, thanks for replying.

[@GregDowns]

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

[@monkaSisLife]

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.

[@SamSepiol127]

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

[@sabeerbikba8585]

That is figma right

[@nour-o7i]

That's too much work for a developer 😅

[@developedbyed]

Takes about 10 minutes to do 🤷

[@dxnsav]

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

[@truthteachers]

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]

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

[@developedbyed]

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]

@@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]

@@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]

@@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.

[@blazi_0]

Web development ☕

[@adisonmasih]

sup ed

[@BerkSamil]

nothing ever happens

[@Zagoorland]

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

[@developedbyed]

What did you find difficult about it?

[@helleyequeue]

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

[@amaraci]

😂 The spelling, I must say, is phenomenal 😂

[@Bodom1978]

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

[@versionoriginal]

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

[@TheBlackManMythLegend]

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.

[@HowPortal]

Every video on youtube is a ad nowadays.

[@webdevelopete]

Hi 😊

[@developedbyed]

Oh hi

[@PhucHuynh-xp4fh]

it looks like unity animation tool 😂

[@lahuman3053]

...

[@lahuman3053]

Dhjene.

[@atom6_]

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

[@Ranjeetsingh-ke9ez]

waste of time bone tool dosent work after effect is best

[@shauryadityabardhan6532]

@developedbyed please help me find freelancing projects