Add Animated GIF file in PcApp project

[Nico595]

Hi,

I want add animated Gif file in my project. It's a turn magnetic winding during the recording.
But my gif file is not animated in the PcApp project.

Gif file can be added in the PcApp project ?

gif_recorder.jpg (50.33 KiB) Viewed 658 times

Thank you for your answer,

[Steve-Matrix]

Flowcode does not currently support animated GIFs. When an animated GIF is added to a project, only the first frame of the animation is shown.

As an alternative, it is relatively simple to create your own image animations, and you will have a bit more control over them too. See the attached as an example.

This example uses the timer and simulation start/stop events to automate the animation.

[medelec35]

Attached is an alternative approach using a component called Complex component.
Using API's to make components visible/invisible a bit similar to Steve's method.
At least now you get the choice of two ways of rotating a non rotating component/Image.
click on the switch to either start or stop the reels rotating.
Details on the Complex component can be found on the wiki here

You can change the size of the reels by clicking on the component and dragging one of the corners.

There is one issue I have updated the Timer Interrupt component.
I have requested for it to be pushed to the updated system.
If you want to play in the meantime.
Browse to this location using file explorer , it's hidden by default so just paste the link into your address bar.

Code: Select all

%ProgramData%\MatrixTSL\FlowcodeV10\Components

Place the attached TimerInterrupt.fcpx component.
If Flowcode is already open, then you will need to reload your project for the new component to work
If you run any component updates, then the component you added will be overwritten, so it will stop working again (unless the component update has been pushed).

Can you please let me know how you get on.

[medelec35]

I have just edited my post above for Simulation failed issues

[Nico595]

Hi Steve, Hi Martin,

Thank you very much for your answer.

I also thought about using a timer component with the visible / invisible function. I use already this method in stand by mode to create flashing indicator. But in my project I have also around 40 timer components and now, the flashing indicator with the visible / invisible function can't be fast.


I will try this two methods tomorrow and I come back to you.

Thank you again for your help

EDIT: Tonight , I tried the two methods. In my project the Martin's method work fine but this method is more complex than the Steve's method.
Complex Shape is very complex to design a simple shape. I will try customise your great example Martin. Also I will add a flashing red round, exactly like on the real time recorder. A small App to convert shape to x,y coordinate with their prefix names is welcome.

Steve and Martin, Thank you very much for your great job

[medelec35]

You're welcome.
The component has been pushed on to the component database so its now available within component updates.
If you want to change the design of complex shape, I can do the for you if you are struggling with it.

[Nico595]

Hi Martin,

Thank you very much

I designed this Gif to add in my Web App, it's very nice to indicate the real time recording.
In my Pc App project, this pic is a bit smallest than in my Web App project. You can see the Pc App Gif here. I need exactly same shape.
You can see a small offset between the magnetic strip A and the magnetic strip B. I use also only 4 pics to create the rotation.

record_black_130px.gif (4.21 KiB) Viewed 74 times

I share you the pics to design the shape.

Magneto_5a_vblack.png (3.99 KiB) Viewed 62 times

Magneto_5ab_vblack.png (4 KiB) Viewed 62 times

[Nico595]

Magneto_5b_vblack.png (4.03 KiB) Viewed 61 times

Magneto_5ba_vblack.png (3.91 KiB) Viewed 61 times

Thank you for your help

[Steve-Matrix]

For something like this, I would just make shapes visible or invisible to show the animation. Something like the attached should get you started I hope.