Animation

animation

Great Reads

by Sergey Alexandrovich Kryukov

Another variant of the cross-platform replacement for all those office presentation applications in a single file, and now this file is JavaScript

Quicksort Animation using JavaScript

by Nasir Darwish

The article describes a technique for animating Quicksort algorithm using JavaScript

Flexible Particle System - OpenGL Renderer

by Bartlomiej Filipek

Description about my simple OpenGL renderer for the particle system

Styling a button

by Издислав Издиславов

Showcase for simple techniques for XAML button styling

Latest Articles

Web Presentation, the Other Way Around

by Sergey Alexandrovich Kryukov

Another variant of the cross-platform replacement for all those office presentation applications in a single file, and now this file is JavaScript

Web Presentation, an Application in a Single File, now with Video

by Sergey Alexandrovich Kryukov

A cross-platform replacement for all those office presentation applications in a single file

Rubik’s Cube for Beginners (Version 2.0). C# Application with 3D Graphics and Animation. VS2022 .NET6

by Uzi Granot

This program will solve a Rubik’s cube using algorithms for beginners. It is a WPF open source application written in C# for VS 2022 and .NET6 using 3D graphics and animation.

PngAnimation

by Aleh Baradzenka

One of the easiest ways to animate images for your program

All Articles

top

Animation

Web Presentation, the Other Way Around

4 Sep 2023 by Sergey Alexandrovich Kryukov

Another variant of the cross-platform replacement for all those office presentation applications in a single file, and now this file is JavaScript

CSS

HTML

Javascript

graphics

Quicksort Animation using JavaScript

29 May 2014 by Nasir Darwish

The article describes a technique for animating Quicksort algorithm using JavaScript

Javascript

web

animation

Flexible Particle System - OpenGL Renderer

9 Jul 2014 by Bartlomiej Filipek

Description about my simple OpenGL renderer for the particle system

Styling a button

6 Sep 2020 by Издислав Издиславов

Showcase for simple techniques for XAML button styling

How to insert or add new row to datagrid with animation in WPF ?

14 Jan 2024 by Jo_vb.net

I searched CodeProject articles... Animation using Storyboards in WPF[^] This may help you to write the code for your own needs.

Does anyone know of a library for composing movies from image files.

11 Mar 2011 by Sergey Alexandrovich Kryukov

I used http://en.wikipedia.org/wiki/VirtualDub[^], http://www.virtualdub.org/[^], source code available, the product is robust enough. Windows only. In principle you can use some of source code and P/Invoke to your C# application.Most likely, you would better use something like ffmpeg...

Metro In Motion #5 – SandwichFlow

19 May 2011 by Colin Eberhardt

Metro In Motion #5 – SandwichFlow

how to sweep two canvases in wpf.

20 Sep 2012 by Kenneth Haugland

I got it to work like this:

WPF

Canvas

animation

Flexible Particle System - The Container 2

16 May 2014 by Bartlomiej Filipek

Description of the implementation of my particle container

WPF Preloader Control

4 Nov 2014 by Diwakar M A

WPF based preloader animation sample. Let's make WPF applications more interactive during long process.

Cannot stop animation started with a datatrigger

22 May 2022 by Pete O'Hanlon

You don't need to create separate DataTrigger entries here. You should have the same DataTrigger for both the EnterActions and the ExitActions.

WPF

storyboard

animation

Correcting the WPF Spider control thingy

7 Feb 2011 by Fredrik Bornander

This tip corrects my horrible attempt of a Spider Control

WPF

controls

animation

Metro in Motion Part #1 – Fluid List Animation

17 May 2011 by Colin Eberhardt

This blog post presents an attached behaviour that gracefully slides the contents of a list into view when used in conjunction with a Pivot control, emulating the Windows Phone 7 email application.

How do i develop animation clips?

10 Feb 2012 by Rajeev Jayaram

In animation creativity and basics play an important role.Check this answer[^] for some basics and try Flash Cartoons[^] to start with.

Flash

animation

image slide show in c# wpf

24 Apr 2012 by ravithejag

Hi, i want to show images as a slide show...here i am having database.. in that i have stored image path..so I am retrieving images path from database and i want to show those images as a slide show with some image sliding effects i want to show 3 images at a time in window(assuming...

how to display a number or an aphabet in an animated way just like writing

13 Jul 2012 by OriginalGriff

It can be done, but not using standard text and font methods.You would have to create each character as an animation and display that - font based characters are "there" or "not there" - they do not have a concept of stroke order which is what you would need.

GDI+

animation

how to make a rotating wheel like animation in C#

27 Oct 2012 by Kuthuparakkal

May this help you:How to write a loading circle animation in .NET?[^]

animation

graphics

Browser Animation - Modern Approach

19 May 2013 by Plamen Dragiyski

Usage of the new animation technology and compatibility

Javascript

Dev

animation

HTML5 Canvas drawing framework

14 Oct 2013 by Paulo Augusto Kunzel

After more researching, some comparison indicators were found explaining some of the libraries and both advantages and disadvantages.For those who have the same doubts as I was, here are some links to help you...

WPF Animation - Moving a control

21 Oct 2013 by Kenneth Haugland

It seems that the documentation requires the storyboard to be registered as a Resource in order to function properly, that means applying a name to it, and adding it as a Resource etc. This is quite well explained in MSDN[^], but I didnt know about it either. Implementation taken from a...

WPF

animation

Storyboard animation in XAML

9 May 2014 by Gergilcan

The problem is that the Storyboard is already executed when the Window is loaded. So, it is fired but you dont see any result because the result is already there.You have to specify an storyboard when entering and when exit, look at StoryBoard properties.Result: The animation is already...

WPF

storyboard

animation

Div css hover animation not working when div is in always visible extender.

13 Jun 2014 by HardikPatel.SE

See the demo with your code...http://jsfiddle.net/hardik4now/cPw86/[^]

CSS

animation

Block @ not recognized in CSS3 in Visual Studio 2010

27 Mar 2015 by Suvendu Shekhar Giri

Not sure about the issue but definitely you are missing two closing curly barces.@-webkit-keyframes animt1 { 0% {background-color:red; left:0px; top:0px;} 25% {background-color:yellow; left:200px; top:0px;} 50% {background-color:blue; left:200px; top:200px;} 75% ...

CSS3

VS2010

animation

Android animation for some time limit

25 Oct 2015 by Krunal Rohit

you need to add an Animation Listener[^] to your activity.And the onAnimationEnd()[^] you can start your new intent.Something like this,public void blink(View view){ ImageView image = (ImageView)findViewById(R.id.imageView); Animation animation1 =...

Find-S concept learning coding algorithm

22 Oct 2016 by OriginalGriff

We do not do your homework: it is set for a reason. It is there so that you think about what you have been told, and try to understand it. It is also there so that your tutor can identify areas where you are weak, and focus more attention on remedial action.Try it yourself, you may find it...

For loop in javascript not performing each command individually ( how to stop it? )

19 Nov 2017 by Kornfeld Eliyahu Peter

It is a bit more complicated, than a simple loop (remember JS is single threaded by nature)... How to Implement Smooth Scrolling in Vanilla JavaScript — SitePoint[^]

Effect of drawing a circle.

21 May 2020 by Richard Deeming

How to: Draw an Ellipse or a Circle - WPF | Microsoft Docs[^] Shapes and basic drawing overview - WPF | Microsoft Docs[^] Ellipse Class (System.Windows.Shapes) | Microsoft Docs[^]

WPF

circuit

animation

Div css hover animation not working when div is in always visible extender.

13 Jun 2014 by User 10695905

Hello,please check below code for your question..box { width: 150px; height: 150px; background: red; margin-top: 20px; margin-left: auto; margin-right: auto; -webkit-transition: background-color 2s ease-out; -moz-transition:...

CSS

animation

How to insert or add new row to datagrid with animation in WPF ?

15 Jan 2024 by Graeme_Grant

Further to Jo's answer, yes, the article link he has pointed you to does not give you the exact answer that you want however it does show you how to animate. The same principle applies. You need to take that and write the code or use the answer...

Help me fix my bridgev2 animation controler

19 Feb 2024 by Dave Kreskowiak

You're probably not going to get any support for bridge here. There just isn't a Minecraft community here. Your best bet is going to be their Discord as described here[^].

animation

JSON

Fade-out Fade-in for a TextBlock (WFP, VB)

18 Aug 2010 by mfawwaz93

I have a TextBlock and want to change it's Text property every 5 seconds, for example. Everything's OK but I want to add fade effects for text.The old text fades out, the new one fades in.Can someone help me?

WPF

animation

Fade-out Fade-in for a TextBlock (WFP, VB)

22 Aug 2010 by Steve Maier

You could use a couple of storyboards. In a timer dispatch the storyboard, change the test and then run the next storyboard.

WPF

animation

Image animation using path(Line, arc,etc)

22 Dec 2010 by Biruk Sitotaw

I need help on how to draw a path using the mouse. After the path is drawn an image should start animating using the drawn path, e.g the image may be a car using the path as a road. I'm waiting for a reply. Thank you!

animation

graphics

Smooth Image Animations in Vb.net - Bitblt? DirectX, OpenGl?

30 Dec 2010 by Espen Harlinn

Fast gdi animation:http://www.daniweb.com/code/snippet241875.html[^]If that doesn't help you can try to create a wpf UserControl and use System.Windows.Forms.Integration.ElementHost to integrate that with your forms application. Slide.Show[^] could be used as a starting pointIf you...

DirectX

animation

Flash: Is it possible to have two masking in one animation?

16 Feb 2011 by thatraja

OP wrote:i wish to create color changing of text(using color circle) and text animation like( 007) formatdo you really want two maskings for this?Take a look at this.Creating Spotlight Effect in Flash[^] & it's Demo[^] (Like 007 James bond...

Flash

masking

animation

Flash: Is it possible to have two masking in one animation?

17 Feb 2011 by thasfi

Thnx, i will try ur option. Thnx once again

Flash

masking

animation

Does anyone know of a library for composing movies from image files.

11 Mar 2011 by ely_bob

I'm updating an app which exports movies (format not really important, but the more universal the better), the old lib I was using in no longer supported, does anyone know of a library or if inside the MSFT namespace where to look, to make a "movie" file(avi, .swf.. etc...)?.. my googeling...

Auto Height Control animation problem

24 Mar 2011 by JonSn0w

Hi!I'm trying to animate the height property of a control, to resize it at the press of a button (working on the property with a DoubleAnimation). If I initialize the height property to a defined value (in the XAML), the animation works well. But I if initialize the height property to Auto (in...

Silverlight

animation

Animated GIF in Winforms

28 May 2011 by Furqan Sehgal

Hi,I have used animated GIF in my application. Actually there is a process that takes quite long and I wish to show something to the user to show progress.I have put a picture box and put animated GIF. It is visible property is set to false.When user clicks on Save button, its visible...

animation

How do I get animation appliaction/code that works great in Silverlight to work the same in WPF?

1 Jul 2011 by snowdogs2

I found Silverlight dashboard demo that works great @ http://blog.allaboutprogress.com/2010/04/silverlight-dashboards-part-i/ However, I want to get the application to work in WPF. I Created the Project in Silverlight and got it to run, then copied over the files into a WPF Application....

How do I get animation appliaction/code that works great in Silverlight to work the same in WPF?

1 Jul 2011 by #realJSOP

The only thing I know to tell you is that despite the similarities between WPF and Silverlight, they should only be considered as "cousins rather than siblings coming from the same set of parents. I recommend that if you want to smooth out the animations in WPF, you should use google to find...

SandFall animation WPF

13 Jul 2011 by Member 7826605

Hello,I need to create a SandFall with lots of sand grains, and the sand can flow to the bottom. Application should have some realistic physics. Is this something thats possible?I tried to do that with Farseer Physics Engine, but the application worked too slow.And also, where should I...

WPF

animation

SandFall animation WPF

13 Jul 2011 by Sergey Alexandrovich Kryukov

Great idea. Now, you should start from estimate pf how many sand grains do you want in your model and how much memory just the model of the sand mass may take. Forget about rendering of the animation, focus on the model first. I'm afraid to say, the first estimations may disappoint you.—SA

WPF

animation

Should I Use a Button.Click-Trigger to start an Animation ?

21 Jul 2011 by Jeff.Jefferson

Hi Community,I've created a ControlTemplate in my Application.Resources. I'm using this Template for Buttons to make their Background transparent. ...

WPF

animation

threads

Improving transition performance with RenderTargetBitmap?

7 Sep 2011 by Jibrohni

Hi all, I'm employing the FluidKit.dll into my application to get a nice slide in/out transition effect for my windows, pages and usercontrols. Now I have it working, however it seems that the animations start getting a little jerky when there is more information on a transitioning page....

WPF

animation

RenderTargetBitmap stretching UI, Slide Transition

11 Sep 2011 by Jibrohni

Hi all, So I've been implementing a transition effect from the FluidKit.dll into my application. I've got two user controls that I'm transitioning between. Both controls have an auto Height value. Each time I switch the views then one user control slides in whilst the other slides out. But...

WPF

animation

Trying to create animation at runtime in C#

19 Nov 2011 by Shmuel Zang

If you want animations that are updated according to a text, you can create a WPF animations and, update them in the event-handler of the TextChanged event of your TextBox.

WPF animation / Control location

30 Dec 2011 by mahmas01

Could someone please help me out with a problem? Basically I have a WPF window with a Grid as layout control inside grid a Panel and 2 buttons and .I want to animate the panel in such a way when user click on Close button within ½ second panel collapse behind Close button and stay hidden, and...

WPF

animation

WPF animation / Control location

30 Dec 2011 by mahmas01

WPF

animation

Animate a path like it's drawn on a canvas

10 Jan 2012 by CodeHawkz

I'm a newbie in WPF and please, guide me in the right direction for this problem.I have built a WPF application which contains all the functionality of that of a road map view control. I.e. the road map can be zoomed in/out, panned in all directions using mouse, keyboard and the controls...

WPF

animation

Animate a path like it's drawn on a canvas

11 Jan 2012 by Sergey Alexandrovich Kryukov

There are different levels of animation. I have a feeling that you mostly exhausted the possibilities of "default" animation features embedded in WPF and available via XAML, that's why you face the problem of expressive power of the method. Maybe your animation need more flexibility; it is more...

WPF

animation

Animate a path like it's drawn on a canvas

12 Jan 2012 by CodeHawkz

Thank you for the answer :) I am actually working on a XAML solution right now. I prefer not to go back to the old Windows applications development method. I love the new programming model and I want to develop a solution using the resources available already or writing a complex logic.I've...

WPF

animation

How do i develop animation clips?

10 Feb 2012 by Christian Graus

You probably develop them as videos and play them inside your flash app

Flash

animation

Playing .avi file with Animation control in MFC(SDI application)

21 Mar 2012 by aksiit001

Hi I want to play a .avi file using animation control in dialog boxes.I used animation control and then through the variable of the control, i called the respective functions like-open(),play()?It is working fine for small sized videos(100-300 kb),but there is problem in playing heavy...

MFC

animation

Playing .avi file with Animation control in MFC(SDI application)

21 Mar 2012 by Resmi Anna

http://msdn.mi...

MFC

animation

Playing .avi file with Animation control in MFC(SDI application)

21 Mar 2012 by aksiit001

Hi,I am simply using the following lines of code in OnInitDialog()m_wndAnimate.Open(_T("D:\\Sample.avi;"));m_wndAnimate.CenterWindow();m_wndAnimate.Play(0,-1,-1);where m_wndAnimate =variable of cAnimate control.Please review and share your response.

MFC

animation

jQuery Slidedeshow is not animating.

18 Apr 2012 by Yatin_Chauhan

which browser u r using ?? most of this all are slide show running in croma and firefox,,visit this for more slideshow :http://webanthology.net/1522-jquery-image-slideshowslider-tutorials-and-plugins-for-your-next-projects/2009/11/24/[^]

ASP.NET4

jQuery

animation

jQuery Slidedeshow is not animating.

18 Apr 2012 by Ravimallya

Chauhan_Yatin, thank you for your reply. I tried in all major browsers i.e. Mozilla 11, Chrome 18, and IE9. Images are being changed without any animation. I liked to use Coin Slider as it is Open Source License and animations are pretty cool compared to other sliders which I checked. I checked...

ASP.NET4

jQuery

animation

jQuery Slidedeshow is not animating.

18 Apr 2012 by Ravimallya

Finally, I was able to achieve what i wanted... If we used .Net controls, the engine will add an id to the hyperlinks, images and label controls.. That's causing the problem. this slider will automatically add id's to get images and spans animated. Thanks to firebug for giving idea to fix the...

ASP.NET4

jQuery

animation

what language can i use that will allow me to make rich animated GUI

24 Apr 2012 by Jrop

Hey all,Well i have been searching for awhile to try and find a programming language that is strong and can do rich animation.I know HTML, CSS, JQUERY and C# but it would be awesome if i could get the strength of C# and be able to have simple and smooth animations like in JQUERY...if...

what language can i use that will allow me to make rich animated GUI

24 Apr 2012 by DominicZA

Have a look at Silverlight. At the moment, creating animations isnt as straight forward as jQuery, but with Expression Blend it becomes amazingly easy to use and implement.

image slide show in c# wpf

24 Apr 2012 by Nadir Muhammed

Hai,Rather than adding image path to database....u can save it as longblobCan retrieve it from there itself....

How to move an image from one point to another point

10 May 2012 by ravithejag

Hi, I am writing a program in that i want to move an image from one position to another position when the pointer is on the image.the destination of an image will be anywhere in the window.And,while moving to the destination the image size has to gradually decrease to some particular...

C# Game Program - Redrawing Issues?

11 May 2012 by Richard MacCutchan

You should not be doing the drawing inside these methods. You should use them to capture information about how the picture, or any part of it, needs to be redrawn, and save that information. You should then override the System.Windows.Forms.Control.OnPaint()[^] method and do all rendering there,...

animation

image click after animation

28 May 2012 by Member 8112150

Hi,i am trying to capture the click event on an image after it has been rotated about its point.the rotation is dynamic and hence i m not able to reposition the layout to capture the click eventServerImage = (ImageView) findViewById(R.id.imageView1);rotateAnim = new...

Android

Mobile

animation

how to display a number or an aphabet in an animated way just like writing

13 Jul 2012 by Seraph_summer

I am wondering whether it is possible to display an arbitray digital number or an aphabet in an animated way just like handwriting?e.g. to display a "1", from top to bottom smoothly.Can this be realized with GDI+ c#?thanks!

GDI+

animation

How can i reverse the animation

28 Aug 2012 by boco10

Hy!I will be very happy if anyone can tell me how can i make this code to work reverse on the second click. The rectangle resize to small, and i want on the second click that this little rectangle grow back. Thanks in advance.

Silverlight

WPF

animation

How can i reverse the animation

28 Aug 2012 by Kenneth Haugland

Guess you coulod do it this way instead:Silverlight: Creating a simple smooth reverse storyboard animation on mouse enter and leave[^]http://www.sunmetablog.co.uk/index.php/2009/silverlight-creating-a-simple-smooth-reverse-storyboard-animation-on-mouse-enter-and-leave/[^]Seems to be very...

Silverlight

WPF

animation

Win32 C++ or MFC Sprite Animation

2 Sep 2012 by Mihai Vrinceanu

MFC and bitblt:Do a flicker-free drawing using MFC methods[^]

Win32 C++ or MFC Sprite Animation

2 Sep 2012 by Maximilien

It does not matter which application framework you use (MFC or Win32)You will have to go down to Win32 to do that sprite rendering and animation; yes, you could use some of the MFC wrappers (CDC, GDI+, ... ), but it all come down to Win32.If know how to use BitBlt with VB, then you...

how to sweep two canvases in wpf.

20 Sep 2012 by footballpardeep

I have two Canvases side by side, like we have doors, i am able to swept the left canvas(door) from center to left, but i am facing problem in sweptting right canvas from center to right.or You can say i want the effect of openning of certains.------------------|canvas1|canvas2...

WPF

Canvas

animation

JQuery image animation

29 Oct 2012 by bunnyali2013

Ok, I was doing a simple JQuery animation. An image will move to the left by 1000px, once it stops, it will be replaced to another image. The code below:function image1() { $('#photo').animate({left: '1000px'}, 40000, function() { $('#photo').attr('src', 'image2.jpg'); ...

animation

JQuery image animation

29 Oct 2012 by Samsani.v.s.Durga Prasad

Hi i tried this working properly $(document).ready(function () { $("img").animate({ "margin-left": "200px" }, 5000, function () { $("img").attr("src" , "../Images/ajaxload1.gif"); }); });

animation

Label that transitions text on change to display progress

27 Nov 2012 by Member 7798012

It feels like I've searched the whole web, but I didn't really find anything that seems usefull to me. I wonder if there is any label control out there that "scrolls" the text while changing it. Something like Office 2010 does in the splash screen or WebMatrix 2 does while publishing content...

WinForms

WPF

animation

Listview's items insert animations in WinRT

30 Dec 2012 by Member 9577873

Hi! Recently I started building my own big Windows 8 Store App.Working on UI I started replicating some good UIs.One I met very interesting animation of inserting new elements in list view in standard Mail app. When you click on chain it expands and shows all messages in chain. Here[^]...

WinRT

XAML

animation

Listview's items insert animations in WinRT

30 Dec 2012 by Member 9577873

http://stackoverflow.com/questions/14096168/listviews-item-insert-animations-in-winrt/14098474#14098474[^]

WinRT

XAML

animation

what are the best open source software for Web Designing with animation and database

28 Feb 2013 by Sandeep Mewara

It does not work like this here.Here is what is expected of enquirers:1. TRY first what you want to do! You may find that it's not that hard.2. Formulate what was done by you that looks like an issue/not working. Try them and tell if you face issues.Members will be more than happy...

How can I animate WPF brush object in code (C#)

14 Mar 2013 by Kelvin33

OMG, after some tinkering... it seems I have found a solution to my own problem. Here is but one possible solution; still please provide comments if possible. Thanks internal void ChangeCurrentState(State state) { BrushAnimation ba = new BrushAnimation(); ...

Trying to make a simple animation program crashes

5 May 2013 by Dooberz

I am currently trying to make a splash screen for a game. Im using android - eclipse. I have viewed probably ten different tutorials on how to do animations and I still get the same affect. My code is error free but when I run it it crashes. The only error that comes up in my logcat is " error...

add effects and animation for jquery message box

3 Jul 2013 by aravindnass

heyy.. I am using a jquery message box in the source code .I want this to be animated and add effects to it.. Any solution ....??here is my Message Box js :-function MessageBox(Messgae,FocusingControl) { $("#modal_dialog").text(Messgae); $("#modal_dialog").dialog({ ...

add effects and animation for jquery message box

5 Jul 2013 by Manu V Nath

You can apply style externally applying style class to div #modal_dialog

Problem in WPF Animation Custom Control

16 Jul 2013 by drugdu

thanks you I already make it work putting the button1_Click on a BackGroundWorker

Need to optimize image moving

19 Sep 2013 by MegaSinner

This executes in another thread:animate = true;int limit = width;for (int i = 0; i

WPF Animation - Moving a control

19 Oct 2013 by #realJSOP

I've been trying to finger this out for a few days. I simply want to animate the position of a control in a form. I tried animating the margin (using a ThicknessAnimation), but that didn't work, so now I'm trying to animate a TranslateTransform, and it simply doesn't move the window. What am I...

WPF

animation

Pause and Resume in d3 js

5 Jan 2014 by caisar oentoro

Hi, I'm using d3.js. I have successfully animate graph like this: mike bostocks's nations[^] using my own data. I want to add pause and resume button, so I can pause and continue the animation. I've read this explanation: http://xaedes.de/dev/transitions/[^] for pausing and resuming the...

Javascript

animation

Using Animation and doubleAnimation classes of WPF in XNA frame work ?

30 Jan 2014 by saikirru

Here is a strange thought I got regarding my project. I am supposed to model different gestures in XNA framework witkout using animated fbx files, meaning coding the animations. I loaded the 3D fbx model in xna framework, I am able to mode rotate and translate the entire model as such....

XNA4.0

WPF

animation

How to make a smooth resize between controls

13 Feb 2014 by Member 10111284

Hi I have the following code which resizes a table layout column.I have written it so it animates out, kind of like a hidden menu.public void ToggleMenu() { if (this.DesignMode) { } else { if...

TableLayoutPanel

animation

Android - ObjectANimator

25 Feb 2014 by shoxsz

Hello, i'm trying to reproduce sprites animations using the ObjectAnimation and a Sprite class that is basicaly a rectangle, but the problem is: if a insert three or more values to the class animate between, he just consider two values, the first and the last, when the evaluate method from my...