Flutter Flare Basics - Let's Build Giphy's Nav Menu
HTML-код
- Опубликовано: 3 апр 2019
- Master the basics of vector animation 🎨🔥 with Flare 2D in Flutter by re-creating the awesome navigation menu from the Giphy mobile app fireship.io/lessons/animated-...
- Flare www.2dimensions.com/about-flare
- Flutter flutter.dev/
- Giphy Apps giphy.com/apps
#flare #flutter #giphy Наука
This is pro content for free :D
Your tuts quality is just insane. Bravo and thanks a lot for your efforts!
Absolutely great content. The quality of your Tutorials are insane. A tutorial this compact and to the point is my goal for my tutorials as well.
Not many videos of this type are on youtube right now. You have done a great work.
Useful, clean, simple and the best. I just subscribed and I can say one of the best of RUclips. Cheers ! From 🇲🇽
This was a great tutorial and very flexible in terms of applying the examples to many different types of animations.
Your videos couldn't be more awesome! Thanks for sharing!
Wow, it looked so complex but you made it so simple. Greetings from Mexico.
Rockin'! 🤘
You're going beyond the limits, awesome video keep it up.
Thanks a lot! I was looking for this since a long time. Always a great content on your channel.
Thank you! Animation is always a fun topic to cover :)
Excellent intro to Flare 🙌 thanks!
One of the best tutorials on Flare I've seen, awesome job 👌👌
Thank you Nash!
So cool! I really need to start working with Flutter now!
I love the way you edit the video! This is the way!
Wow, this tutorial is amazing! Thank you a lot! ❤
And here’s Jeff again with a flutter punch, knocking out the whole channel!
Awesome.
Very detailed and therefore recreatable.
Thanks.
Greetings from Munich, Tom.
Very nice and clean explanation dude love it. Eagerly waiting for your flutter course. Love from India
This is nuts, look at where technology has arrived, amazing !
I am new in flutter design and is awesome this tutorial. Thanks bro
Straight away subscribed!!!!!!
Awesome tutorial! Congrats!
"Vivement" the course on flutter ! I'm waiting for it !
I love the way you teach stuff. Would love if you could cover out some minimal basics. You know like Electron, VueJS Getting Started, GraphQL and stuff similar.
I have been waiting for this video since I saw the tweet
i was very pleased with the vido...liked and subscribed..do more complex flare and flutter stuff
YOUR ARE AMAZING DUDE !!!!
This video is FIRE
As always high Quality content
very cool i like your work
Amazing Bro Superrrrrrrrrrrrrrb job..............
Top notch content right here
Bro...that "hot pink hype man" animation at 3:41....lost it! 🔥🔥🔥
thx for this amazing flutter content
Thanks for watching!
You've read my mind! Again!
Nice, this was a fun demo to build!
awesome video, cant wait for your angular course.
Expect that after Angular 8 in late spring
Nice!
thank you so muuuuuuuuuch
I had to subscribe after this!
So fucking lit man! 🔥🔥🔥🚀
Thank you, please do more tutorial about flutter.
Jeff does it again!
Eagerly waiting for your flutter course.
i agree
When is it coming??
great!
Love this type of content.. it's hard to make...
Great content..was just watching with the motion graphics guy at my agency..He crazily loves this video
Awesome! I'm not an expert animator, but sometimes I can make things look cool.
Back in 2000 Macromedia Flash software do exactly this type of easy animations :)
legend!
WOW! 😮
Flutter is getting intresting . i would suggest in the course you are making to make full course rebuilding an app from scratch Using Firebase and how to handle the diffrent hardles like caching data/local notification and things like that because you are focusing mor ein the Ui aspect . And thank you for this free premium content
good video
When I do alignment.bottomcenter it looks stupid on iPhone especially because of the bar that appears to indicate to swipe to move out the app. Is there a way to add a nice little margin and some shadows at the top to that child NavBar to make it look native?
Your Flare link is broken! (rebranded to Rive..?)
Thx
Hey, what theme for VS Code do you use?
Woow, thank you so much for this. Genuinely appreciate this! Honestly you should get into Vue more.
Vue is great! You'll probably see a vue video here some day...
Fireship would love to see you compare vuejs to vue dart as well.
Fireship.io is killing it. Again and again. FYI. Building a Frankenstein with all your lessons. wink wink
Haha, let me know what you want to see next to make this Frankenstein come alive!
@@Fireship I wanna see implementation of VR/AR stuff of a room in flutter 🙈. #askedTooMuch
Flare is Rive now :)
Hi . I have a problem in ionic . I got a situation where user selects a excel file from ionic and upload it to firebase storage and after few seconds he should get all excel data to json format and view in html format please help me . I have done till firebase storage but i am unable to convert excel to json .
💥💕
i want to put with 4 icons but the AnimatedContainer fail, just do with 5 elements, i try with 3 element and is good, but with 4 element is very bad, how i do?
Hey Jeff could you please make a video about passing the entire component as an argument? For example, creating a component using MatDialog and the function openDialog should accept a whichever component we pass in. In the official Material docs they did similar thing but they have placed 2 components in the same file... So there is no @ViewChild and no forwardref.
Riveeeeee
Does the animation works the same in iOS version of the app?
can u make a tutorial on how to deal with listview builder when the data is of type "Future ". I dont know how to display this type of data using listview. Can u help plz.
What is the name of theme for VS Code you are using?
Can you do the rive 2 tutorial ? Like creating side bar, or listview with it ?
Make fully fleged application on flutter using firebase sir ..love your video💓✌️
Working on full flutter course and the fireship mobile app, will be out soon :)
@@Fireship thanks sir❣️💓
@@Fireship What's the status of this and the link please?
Exporting to other more basic web-wares is not possible, right? Like GIF, animated SVG?
Can you upload a video on side bottom nav bar fade when scroll down
This is great but you need to slow down a bit. Really hard to catch up all along for beginners like me. Great job anyways! :)
Yea bois, now talking about future
Where does he get these shapes from, does anyone know?
This is great but is there a animator for CSS?
try to click flare link but cant be reached
I can use this in REACT-JS ? the flare
They have JS sdk, but have not actually used it with react.
this is very similiar on how the animation on the Godot engine works.
It's also similar to Adobe AfterEffects, which is how I create most of the video animations.
@@Fireship yes animating properties is a very smart way for animation. thank you for your effort on this amazing tutorial.
Hey, i don't know which version i m using, but i could not find any edit vertices option for the shape.Looking for someone to help, Thank you in advance.
Same here too. Anyone found out the answer?
Click on the Shape, and press ENTER. That will enable Edit Vertices
what is the intro music?
link of 2dimention website is not working
So Flare is Flash for Flutter?
This was pretty dope, but I think you just went a tad bit fast in your explanations. But keep up the work.
I like to rewind the video if I missed something. I’m not going to slow down the rest of the class.
2:16 all this time I thou T stand for transform 😂😂
FYI - the icons are under "No license" which means no one can use it. "The Unlicense" was probably the one you were looking for?
_Disallowing use of your code might not be what you intend by “no license.” An open source license allows reuse of your code while retaining copyright. If your goal is to completely opt-out of copyright restrictions, try a public domain dedication instead._
Sir i am confused in mediaquery sir please make video for a responsive app
anybody has try using flare in flutter-web? mine just won't start in web, but with the exact same source code, it runs well in mobile. anybody have suggestion?
RIP Giphy
Can flare animation be exported and used vanilla JS
Yes, check out our JS runtime here: 2Dimensions.com/runtimes
@@Rive_app 🤯
Can you export flare to angular as well?
We have a JS runtime, so you should be able to use that. All our runtimes are open source, so anybody can use them to create new ones. Check out all of them at 2Dimensions.com/runtimes
I have not tried personally, but yes, Flare's JS runtime should work great in Angular.
⚠️⚠️⚠️!PLEASE READ MY COMMENT!⚠️⚠️⚠️
I know your busy so I am getting to the point can I download or convert these animations as mp4 for videos and if I can how.
I can't tell if it's the way you speak or your mic but any words with 's' or 'z' sounds are quite piercing to the ear when you have earphones in.
wow, can we use this in html?
Yep, check out our JS runtime at 2Dimensions.com/runtimes
I can't believe rive replaced this
What do you mean by that? We can't use Flare anymore? Currently I am exploring my options
I hope not to bother you, I have a question that I would like you to answer me. I want to do the following: the user writes his name in a text field. I previously have an animation made in flare and at a certain moment of the animation I want to put the name that the user has entered in this animation made in flare.
for example I have the animation of a person showing a cell phone, I would like to put the text entered at a certain point in this animation. i.imgur.com/oapnbWE.jpg
That watermark is huge though-
I wonder about the nature of the guys -6 for now- who disliked the video!
1
gold 🥇
So what makes software so big?
User experiences. Badum tsssstt
A user interface is like a joke. It's not very good if you have to explain it 😜
@@Fireship so true 😂