I've got an application built in flutter where we have a page transition that currently just sticks to pretty out of the box stack/slide.
We're trying to create a page curl effect similar to https://www.youtube.com/watch?v=e1znh05-iXY on the transition but not having much luck faking it with 2D animation/clip-path coupled with the gesture controlling the path similarly to the video being extremely difficult, almost impossible
Until we have some sort of 3D support within Flutter - the only way to do it that I can think of is using Unity3D via https://pub.dartlang.org/packages/flutter_unity_widget
But I don't know how this will work when we need it for every page?
OR
Going the other way and importing our Flutter app as a library in Unity to render every page within Unity.
Could I please gets some thoughts on whether either approach will work and any advice on a potential path forward?
Thanks in advance guys.
see this plugin, it's close to what you need you can take inspiration :)
https://pub.dartlang.org/packages/flip_card
Related
following question:
I'm currently working on a Travel App and I thought of the idea of implementing an 3D Globe that can be rotated by the user. I thought of the Globe as a basic White Sphere with the borders of the countries visible as a stroke. All countries that have been visited should be filled with a color.
I thought of implementing it with the unity widget, but I'd like to maintain a lightweight feeling.
Is there a way to emulate js or WebGL?
What do you think is the best way to approach this?
Thank you for your time
Linus
You can use webview_flutter, I played with it a little bit to display planet models in javascript library three.js. Thanks to it you can use it like standard js instance of it with only one drawback that I didn't try to solve: I was unable to run it in browser mode as Flutter needs to emulate js itself by platform speciffic way. There is option to load js/html code from local assets but then you will not be able to load models in js directly as you will face cors policy restrictions, then the only way is to pass models as json from flutter code. It works pretty well, supports two way communication between js and flutter so you can also add events to model etc.
I'm currently developing an App in Flutter which i need to display 3D models. I know. Flutter is, at least at the moment, not the best choice (or shouldn't be even a choice) to build 3d apps but unfortunately i didn't know this when i started developing. I managed to render a simple '.obj' file with a simple engine I found on the internet:
https://levelup.gitconnected.com/a-simple-3d-engine-in-flutter-cc4a7edc943e
Now my problem:
My app needs to contain multiple hundred 3D models so I need to reduce the app's size. I experimented with openCTM to compress my '.obj' models and got a good result.
Now i want to display these '.ctm' files in my app. And thats the point where I got stuck.
I've researched for days if there's a sample or a tutorial to solve my problem but I haven't found one.
I've read the official openCTM documents and found openCtm reader ported to javascript (https://github.com/jcmellado/js-openctm) and dart (https://github.com/nelsonsilva/dart-openctm). And now I dont know where to begin.
I guess I need to, if my problem is solvable in flutter, modify the engine im currently using and add the openCTM reading part to it.
I hope that anyone of you can help me with my problem. Maybe even solved it already. Furthermore I hope I explained my problem clear enough.
If you can provide a native solution it would helpful, too.
Thank you in advance!
I am newbie in Xamarin; I know there must be ready components for what I need, already I searched but not yet found.
I need to create a dynamic graphic like this:
http://www.highcharts.com/demo/dynamic-update
I wore this in PhoneGap (html5 + JS), but now I'm moving to Xamarin forms and would like to know if any third component is what I need or I'll have to do everything from scratch.
Thank you.
I'm currently looking into graphing too and OxyPlots seems to be a pretty good line graph tool. I don't think it supports dynamic updating so you'd have to program it to update manually when new data points come available.
I've not gotten round to actually using this myself but I thought I'd post this here in case it works for you.
Edit: Here's a list of examples. Also you can add it to your project using nuget so it should be easy to set up.
I'm using Syncfusion controls for Xamarin.Forms and I'm satisfied with it. They also have a free license for individual developers and small businesses.
For dynamically updated Xamarin charts SciChart offers an extremely high performance solution. With the SciChart Xamarin Chart control you can draw up to a million points, zoom, pan and scroll big datasets interactively.
Check out performance demos here:
https://www.scichart.com/example/xamarin-chart-realtime-fifo-scrolling-chart-example/
https://www.scichart.com/example/xamarin-chart-performance-demo-example/
https://www.scichart.com/example/xamarin-chart-ecg-monitor-demo-example/
Disclosure: I am the tech lead on the SciChart Xamarin project
Really need your input. I have unity furniture configurator and client decided he wants make it fully adjustable depending on browser window. Would be perfect if unity can get resolution while loading.
I found this http://helloracer.com/unity/ - it is exactly same thing i need.
I cannot figure out how to achieve this result
Thanks!!!
Having in mind you tagged your question with php - you can not do that using it. You need to do it with javascript:
window.screen.availHeight
window.screen.availWidth
and somehow transfer it to your php code, which later decides what to do based on that. You can achieve it using 2 http calls in the same page.
In my project, I want to embed Google Earth inside one of the User controls. I have seen many example in web where people say how to do it using winforms. I have seen few more sample who actually integrate it in WPF but using WindowsFormsHost/HwndHost I am eliminating this to avoid the airspace problem.
What exactly in my mind is something like to have a rendering Engine class and have an image in the control and use back buffering to draw data from rendering Engine class on the Image.
Has any one integrated Google Earth without using WindowsFormsHost/HwndHost? Any help would be greatly appreciated. Thanks in advance.
Try using D3DImage. WPF gives a callback to fill in the back buffer. Have a look at great sample by Dr WPF on Code Project. You can find the sample here.
http://www.codeproject.com/Articles/28526/Introduction-to-D3DImage
~Yogesh