Use Rive and Flutter for dynamic, interactive, & animated experiences (Flutter Interact '19)
Вставка
- Опубліковано 31 лип 2024
- Learn how design and engineering work together to bring something as basic as a login form to life. We’ll walk you through how to build an interactive character in Rive, hook it up in Flutter, and easily iterate on the design in both Rive and Flutter.
All sessions → goo.gle/FlutterInteract19
Get started at → flutter.dev
Subscribe! → goo.gle/Flutter
Schedule → goo.gle/356STMh
Presented by → Luigi Rosso and Guido Rosso
To help us make future events better, please fill out this survey → goo.gle/2E5eKrP
Photo Album → goo.gle/FI19Photos
event: Flutter Interact 2019; re_ty: Publish; product: Flutter - General; fullname: Luigi Rosso, Guido Rosso;
I started to learn Flutter 2 days ago. I've started by watching easy tutorials showing the basic widgets available and I am loving it. I cannot wait to learn more about it.
Hello, how is your development going? I was also thinking about it.
Boa gabriel
flutter is to python as swift is to java. flutter is simpler to understand and I guess swift is just less buggy and has more speed
whats up now
@@4limusic542 yeah what is up now is it worth studying now
Thanks for Open Sourcing the runtime, Last year i had hoped that flare runtime could be open source, but never asked in community but now it is, congratulations to rive team for future.
Thanks Guido and Luigi for this great work. I loved Flare but Rive will bring all to another level
21:00 That Live designing was INSANE!! 😱💖
Awesome! Looking forward to using Rive.
Wow. Amazing Product. Amazing Speakers. Amazing Lecture.
Agreed
Don't know about amazing speakers... try counting the numbers of "uhm"s
Very creative design software. Great presentation too, can't wait to implement these in my dev.
so exciting ! love it
Impressive! And entertaining. Cool product, cool presentation.
amazing framework!!!
Great duo!
This is great and useful
Wow, you've re-invented Macromedia Flash! No, seriously, I'm happy about this. :)
it is such a lovely. wonderful job
that's a great tool, I can't wait that they improve importing SVG assets from Illustrator because it 100 times easier to create them there than directly in Rive
You should try the new version at beta.rive.app. Drawing directly in Rive and SVG importing have both improved significantly.
@@guidorosso I'll give it a try, thanks!
This is such an awesome tool. I want to use this so bad! I want to learn flutter. :)
That's really cool. Thank you
That Bear 🐻 is so cute. Just loved it at password
I really liked Cyber Guss!
these people are amazing.
Freaking brilliant!
It's awesome!
This is very helpful
You are a lifesaver
So cool!
kammaaaaaaaal💝
Great!
Remarkable.
GOOD JOB
omg its awesome
That bear was cute 😂😂
Can I make a bubble sheet scanner with flutter?
With python it requires numpy scipy and opencv ..
WOWWWW!!!!
excellent
Great great. CyberGuss, the new truck. haha
this was so cool T_T
Sahi kaha, Did you learn anything?
@@aniketshukla540 im not sure what exactly ur asking me but yes i did
thought this is SW for paid like adobe AE but this is free to make animations So mind blowing
Realistically, it's not free. The "free" version is extremely limited.
And the paid versions are quite expensive.
Very excited about this as the developer. My friend is professional motion designer and he is interested in Rive, is there any vacancies for it?
can someone provide me the link for that 3 hour bear animation full video?? i really want to see how its made ty..
the image load, but so far, I can't get the animation and I don't know why
Can we make the anime move in runtime using some datasets of values to move and have a record of interesting moves of anime
Wow.
Can you use RIVE to dynamically animate a character speaking? For example, how would you apply a mouth transformation depending on the phoneme being spoken? Or if that doesn't work, how would you achieve this in RIVE to drive a real-time animation of a character talking where what they are saying is dynamically generated?
I'm not a Rive user, (yet) but it seems to me that dynamically-generated speech would need to be accompanied by a series of phoneme-code/timestamp pairs. To do this, one would need a dictionary of all usable alongside phonetic representations of each syllable. These pairs would then be used to signal animation tweens in Rive, much in the way that Flutter does. Happy to discuss, though UA-cam fails to provide notifications of replies to comments, so... I'll try.
where can I find the blog?
is there anything that i plug in Rive in android studion 3.6+
Which framework and programming language used to develop Rive?
Where is that blog post??!
Is Rive only for Flutter?
Can someone share the article?
Hello flutter love you
but can it run 120fps
funny animated + dynamic
rive effects are discontinued?
so cute login app, how can find source code?
Is the teddy and Guss open source?
Yes
Audio2face animation is possible to flutter
I think we can create 3d game with this technology 🤔
if flutter finally adds native components like react native, i bet flutter will beat react native and also native development
It wouldnt make any sense though, since flutter does the rendering on its own. If you fall back in parts of the screen to default components as you suggest it would break the logic of the whole idea. I am pretty optimistic flutter will beat React Native. Performance wise it already does, RN still has the bigger community but I think that will change. There are just more possibilities with Flutter than with React Native.
3 years and still not all features shown in the demo
I think their product is powerful yet their marketing is limited to a certain customer group they should've used another powerful example that might appeal to a bigger audience.
isn't rave have been known as flare previously?
Yes that's what they said in the beginning. Now they changed the name to Rive.
That was a perfect chance to name your brother MARIO 😂😂
Any Good UA-cam tutorial links for Rive.io???
I think you mean rive.app/
is this a paid software?
Another applet/flash?
who the hell is J C. I so want to watch his videos
jcToon
how to control eyes movement on rive, could you give me some resources
I bet that google will buy rive very soon
Yeah, with all the funding and army of talented engineers Google have it may become a killer feature for Flutter
Wait I thought it was flare?
{Forbidden.Knowledge} thanks man💯💯
What is this??? why this is happening??? i just upgraded my flutter according to the message in terminal and after that i get these errors, please help me, and the emulator is not also working i downloaded it by android studio in a path in Drive D: ( not in system files i mean) and it even doesn't recognize my virtual device so i have to use my mobile.......I'm currently using Visual Studio Code.....
Launching lib\main.dart on SM G610F in debug mode...
Exception in thread "main" java.io.IOException: Unable to tunnel through proxy. Proxy returns "HTTP/1.1 403 Request blocked by Privoxy"
at sun.net.www.protocol.http.HttpURLConnection.doTunneling(HttpURLConnection.java:2142)
at sun.net.www.protocol.https.AbstractDelegateHttpsURLConnection.connect(AbstractDelegateHttpsURLConnection.java:183)
at sun.net.www.protocol.http.HttpURLConnection.followRedirect0(HttpURLConnection.java:2729)
at sun.net.www.protocol.http.HttpURLConnection.followRedirect(HttpURLConnection.java:2641)
at sun.net.www.protocol.http.HttpURLConnection.getInputStream0(HttpURLConnection.java:1824)
at sun.net.www.protocol.http.HttpURLConnection.getInputStream(HttpURLConnection.java:1492)
at sun.net.www.protocol.https.HttpsURLConnectionImpl.getInputStream(HttpsURLConnectionImpl.java:263)
at org.gradle.wrapper.Download.downloadInternal(Download.java:58)
at org.gradle.wrapper.Download.download(Download.java:44)
at org.gradle.wrapper.Install$1.call(Install.java:61)
at org.gradle.wrapper.Install$1.call(Install.java:48)
at org.gradle.wrapper.ExclusiveFileAccessManager.access(ExclusiveFileAccessManager.java:65)
at org.gradle.wrapper.Install.createDist(Install.java:48)
at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:128)
at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:61)
[!] Gradle threw an error while trying to update itself. Retrying the update...
Exception in thread "main" java.io.IOException: Unable to tunnel through proxy. Proxy returns "HTTP/1.1 403 Request blocked by Privoxy"
at sun.net.www.protocol.http.HttpURLConnection.doTunneling(HttpURLConnection.java:2142)
at sun.net.www.protocol.https.AbstractDelegateHttpsURLConnection.connect(AbstractDelegateHttpsURLConnection.java:183)
at sun.net.www.protocol.http.HttpURLConnection.followRedirect0(HttpURLConnection.java:2729)
at sun.net.www.protocol.http.HttpURLConnection.followRedirect(HttpURLConnection.java:2641)
at sun.net.www.protocol.http.HttpURLConnection.getInputStream0(HttpURLConnection.java:1824)
at sun.net.www.protocol.http.HttpURLConnection.getInputStream(HttpURLConnection.java:1492)
at sun.net.www.protocol.https.HttpsURLConnectionImpl.getInputStream(HttpsURLConnectionImpl.java:263)
at org.gradle.wrapper.Download.downloadInternal(Download.java:58)
at org.gradle.wrapper.Download.download(Download.java:44)
at org.gradle.wrapper.Install$1.call(Install.java:61)
at org.gradle.wrapper.Install$1.call(Install.java:48)
at org.gradle.wrapper.ExclusiveFileAccessManager.access(ExclusiveFileAccessManager.java:65)
at org.gradle.wrapper.Install.createDist(Install.java:48)
at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:128)
at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:61)
[!] Gradle threw an error while trying to update itself. Retrying the update...
Gradle task assembleDebug failed with exit code 1
Exited (sigterm)
I would suggest looking to see if you have multiple files (newest version of Gradle) of the same type and deleting one which seemed to work for me in Android studio. Took me a week to figure it out but that was the case.
*Edit* : Didn't name the file before but it was a Gradle file. And it would be in system files
Check your net connection,
Try running the app by
flutter run -v to know where it exactly is giving error
Also if you are on windows try disabling your firewall
animation is too difficult for me
0:29
Now rive 2 is completely complicated to use
Rive is clunky to use for designers. Everything takes way more time than any regular animation app. Looks good, but needs a lot of improvement to be actually used in a production environment.