Use Rive and Flutter for dynamic, interactive, & animated experiences (Flutter Interact '19)
HTML-код
- Опубликовано: 13 июл 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 Guido and Luigi for this great work. I loved Flare but Rive will bring all to another level
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.
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
21:00 That Live designing was INSANE!! 😱💖
so exciting ! love it
Very creative design software. Great presentation too, can't wait to implement these in my dev.
Impressive! And entertaining. Cool product, cool presentation.
That Bear 🐻 is so cute. Just loved it at password
Wow, you've re-invented Macromedia Flash! No, seriously, I'm happy about this. :)
it is such a lovely. wonderful job
amazing framework!!!
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!
Great duo!
This is great and useful
That's really cool. Thank you
these people are amazing.
I really liked Cyber Guss!
This is such an awesome tool. I want to use this so bad! I want to learn flutter. :)
So cool!
It's awesome!
kammaaaaaaaal💝
Freaking brilliant!
You are a lifesaver
This is very helpful
Great!
omg its awesome
Remarkable.
GOOD JOB
That bear was cute 😂😂
excellent
WOWWWW!!!!
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 I make a bubble sheet scanner with flutter?
With python it requires numpy scipy and opencv ..
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 RUclips fails to provide notifications of replies to comments, so... I'll try.
Is Rive only for Flutter?
funny animated + dynamic
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
Hello flutter love you
Is the teddy and Guss open source?
Yes
where can I find the blog?
Which framework and programming language used to develop Rive?
is there anything that i plug in Rive in android studion 3.6+
Can someone share the article?
Where is that blog post??!
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.
so cute login app, how can find source code?
but can it run 120fps
I think we can create 3d game with this technology 🤔
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.
rive effects are discontinued?
Audio2face animation is possible to flutter
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.
is this a paid software?
who the hell is J C. I so want to watch his videos
jcToon
Any Good RUclips tutorial links for Rive.io???
I think you mean rive.app/
Another applet/flash?
3 years and still not all features shown in the demo
That was a perfect chance to name your brother MARIO 😂😂
Wait I thought it was flare?
{Forbidden.Knowledge} thanks man💯💯
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
how to control eyes movement on rive, could you give me some resources
animation is too difficult for me
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
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.