ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Use Rive and Flutter for dynamic, interactive, & animated experiences (Flutter Interact '19)
ฝัง
- เผยแพร่เมื่อ 12 ส.ค. 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
Awesome! Looking forward to using Rive.
21:00 That Live designing was INSANE!! 😱💖
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.
Wow, you've re-invented Macromedia Flash! No, seriously, I'm happy about this. :)
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!
That Bear 🐻 is so cute. Just loved it at password
This is such an awesome tool. I want to use this so bad! I want to learn flutter. :)
it is such a lovely. wonderful job
That's really cool. Thank you
amazing framework!!!
This is great and useful
Great duo!
I really liked Cyber Guss!
these people are amazing.
Freaking brilliant!
So cool!
This is very helpful
It's awesome!
You are a lifesaver
kammaaaaaaaal💝
That bear was cute 😂😂
Can I make a bubble sheet scanner with flutter?
With python it requires numpy scipy and opencv ..
Great!
GOOD JOB
omg its awesome
Can we make the anime move in runtime using some datasets of values to move and have a record of interesting moves of anime
Great great. CyberGuss, the new truck. haha
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?
Remarkable.
excellent
WOWWWW!!!!
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.
the image load, but so far, I can't get the animation and I don't know why
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 TH-cam fails to provide notifications of replies to comments, so... I'll try.
is there anything that i plug in Rive in android studion 3.6+
can someone provide me the link for that 3 hour bear animation full video?? i really want to see how its made ty..
Which framework and programming language used to develop Rive?
Is Rive only for Flutter?
but can it run 120fps
Can someone share the article?
Wow.
Audio2face animation is possible to flutter
Where is that blog post??!
so cute login app, how can find source code?
where can I find the blog?
Hello flutter love you
funny animated + dynamic
rive effects are discontinued?
Is the teddy and Guss open source?
Yes
3 years and still not all features shown in the demo
Another applet/flash?
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.
I think we can create 3d game with this technology 🤔
Any Good TH-cam tutorial links for Rive.io???
I think you mean rive.app/
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.
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.
is this a paid software?
Wait I thought it was flare?
{Forbidden.Knowledge} thanks man💯💯
who the hell is J C. I so want to watch his videos
jcToon
animation is too difficult for me
how to control eyes movement on rive, could you give me some resources
That was a perfect chance to name your brother MARIO 😂😂
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
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.