How to draw an animated GIF file into the ViewPort3d in WPF?

Question

0.00/5 (No votes)

See more:

How I can draw an aniamted gif on WPF I tried this following code but that draw the image without any animation. Is it possible to draw a gif animation in WPF?

C#

private void DrawPanelSurface(Model3DGroup model_group)
       {   // Make a mesh to hold the surface.
           MeshGeometry3D mesh = new MeshGeometry3D();

           // Triangle 1.
           // Set the triangle's points.
           mesh.Positions.Add(new Point3D(-10, -10, -10));
           mesh.Positions.Add(new Point3D(-10, -10, 10));
           mesh.Positions.Add(new Point3D(10, -10, 10));

           // Set the points' texture coordinates.
           mesh.TextureCoordinates.Add(new System.Windows.Point(0, 0));
           mesh.TextureCoordinates.Add(new System.Windows.Point(0, 1));
           mesh.TextureCoordinates.Add(new System.Windows.Point(1, 1));

           // Create the triangle.
           mesh.TriangleIndices.Add(0);
           mesh.TriangleIndices.Add(1);
           mesh.TriangleIndices.Add(2);

           // Triangle 2.
           // Set the triangle's points.
           mesh.Positions.Add(new Point3D(-10, -10, -10));
           mesh.Positions.Add(new Point3D(10, -10, 10));
           mesh.Positions.Add(new Point3D(10, -10, -10));

           // Set the points' texture coordinates.
           mesh.TextureCoordinates.Add(new System.Windows.Point(0, 0));
           mesh.TextureCoordinates.Add(new System.Windows.Point(1, 1));
           mesh.TextureCoordinates.Add(new System.Windows.Point(1, 0));

           // Create the triangle.
           mesh.TriangleIndices.Add(3);
           mesh.TriangleIndices.Add(4);
           mesh.TriangleIndices.Add(5);

           // Make the surface's material using an image brush.
           ImageBrush imagebrush = new ImageBrush();
           imagebrush.ImageSource =
               new BitmapImage(new Uri("giphy.gif", UriKind.Relative));
           DiffuseMaterial image_material = new DiffuseMaterial(imagebrush);

           GeometryModel3D surface_model = new GeometryModel3D(mesh, image_material);

           // Make the surface visible from both sides.
           surface_model.BackMaterial = image_material;

           // Add the model to the model groups.
           model_group.Children.Add(surface_model);
       }

Posted 19-Apr-15 2:27am

Arun Kumar K S

Add a Solution

2 solutions

Solution 1

The problem is not related to the position of you GIF in the logical tree, ViewPort3D or anything else. This is the problem by itself. You won't directly see GIF animation in WPF.

To solve this problem, please see, for example, this open-source product: https://github.com/thomaslevesque/WpfAnimatedGif.

See also these CodeProject articles on the topic:
GIF Animation in WPF,
Another approach to animated GIF in WPF, with transparency.

Good luck,

—SA

Posted 19-Apr-15 4:59am

Sergey Alexandrovich Kryukov

Comments

Arun Kumar K S 22-Apr-15 0:38am

I didnt find any code to draw gif in ViewPort3D. All the above axamples are in WPF but all are explain to draw in 2D.

Sergey Alexandrovich Kryukov 22-Apr-15 2:20am

Oh... this is a whole different story. All right, please see Solution 2.
—SA

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Accepted Answer · 2015-04-21T20:19:00

Arun Kumar asked:

I didn't find any code to draw gif in ViewPort3D. All the above axamples are in WPF but all are explain to draw in 2D.

I did not know that you did not know that; the question stated the animation problem. This is a whole different story.

Actually, you need a material to render anything 2D on 3D. You can use the class Viewport2DVisual3D:
https://msdn.microsoft.com/en-us/library/system.windows.media.media3d.viewport2dvisual3d%28v=vs.110%29.aspx[^].

After you define all Viewport2DVisual3D properties, you can add you image as the last child. In the article referenced below, there is a code sample demonstrating XAML with 2D Button shown as a child of a Viewport2DVisual3D instance:
WPF 3D: Part 1 of n[^].

Don't find code, find documentation and perhaps available answers.

—SA