I’m trying to add an effect on a series of containers where they constantly move around a phone screen. This is similar to what is shown below, however they need to be able to bounce off each other too.
Has anyone tried something like this before and can point me on the right direction please? Worth noting that I need the containers to be widgets and so can’t just use a video.
Thanks a lot!
Related
I am new to gestures and I don't get any proper solution for achieving my request,
Can anyone help me in dragging a container up and down vertically to a certain point?.
I need to achieve something like the below image.
Thanks in advance.
Consider using draggable home if you want a ready-made similar effect.
If you want to replicate the goggle maps UI one-on-one, consider reading DraggableScrollableSheet and make one your own.
Hope it helps!
I'm looking for trajectory animation just like how https://leo9studio.com/ has done. You see while scrolling, those balls get scrolled from top to bottom. How can we replicate exactly in Flutter Web?
Additionally, how to create such a smooth scrolling effect in Flutter?
rive.app would be a good place to start looking, since you aren't really providing any context or code other than just a random idea, they have a great community and I have used their packaged for some neat animation on my web apps. They have a way to create your own designs and animations which would probably be the case there, unless you wanted to make it all with code then that would be a different story.
Or look at this post here How to animate a path in flutter?
So I've been going crazy for a few days trying to create this exercise in Flutter.
Namely, it is 'pop the lock' type minigame like the old arcade game. The red shape would go around in circle and function would fire when you click if it is inside the yellow circle and game would stop. I've been thinking about how to do it in Flutter, but I still can't seem to manage to do it. There is this library:
https://pub.dev/packages/flutter_spinning_wheel
but I'm not sure how it would be useful. Anyone have any idea on how to do it, I don't really need the full code (though it would be useful), but just a general basic idea on how you'd do it. Thank you!
It seems something you can accomplish using percent_indicator package.
It has lots of properties for you to work around.
I've been looking at integrating the OpenFlow API developed by Alex Fajkowski: http://fajkowski.com/blog/2009/08/02/openflow-a-coverflow-api-replacement-for-the-iphone/ into an app I am working on.
Does anyone know how I can stack the images vertically so that I can scroll the images from top to bottom/bottom to top like a rolodex?
The default behaviour is for OpenFlow to stack the images horizontally and scroll the images from right to left/left to right just like CoverFlow. I've been trying to get my head around how 3D animation is done in Objective-C without much success...
Thank you for your help in advance.
The really easy thing to do is to rotate the whole view with something like this:
openFlowView.transform = (CGAffineTransform){0,1,-1,0,0,0};
You'll then have to un-rotate all the flowing views (or rotate the images, or whatever).
The better way is to fix OpenFlow, but without looking at its source code, it's not obvious what to change (mostly you should just need to swap "x" and "y").
In an application, i saw that they used to display pictures of vehicles. But what was amazing was when we touch and swipe in that picture, it rotates in 3d way left and right. And from the front view we can rotate and get to see its back view also. It is a very good feature and i was trying to replicate it. But couldnt get an idea of how and where to start. My doubts are
Whats the actual format of the thing, it surely isn't a picture.
How do they get to rotate it?
Could someone give me an idea where i should start or where I should look upon?
Just like the KennyTM told you, OpenGL-ES is the weapon of choice. Take pictures of that object from all the sides you need to show, then use those as textures for the faces of the cube. Got the idea?