Click here to Skip to main content

Submit your article

Animation

animation

Great Reads

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

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.

by Aleh Baradzenka

One of the easiest ways to animate images for your program

All Articles

Animation

3D Animation / Simulation Software

28 Sep 2015 by kozmikadam

Hello everyone ,I have a school project , so i'm looking some info for this.We should be make a 3D scene , and we should be add some 3D components , like house , car , human etc. with drag and drop. Or maybe we can select from a catalog. Also some components should have some animation...

3D Animation / Simulation Software

13 Oct 2015 by KarstenK

You best stick to OpenGL because it is the most widely spread technology, but it is hard to learn. You must learn about matrices, porjection and vectors mathematics and some strange commands.Here is a good starting point: Learning Modern OpenGL.Invest some time in learning as reading or...

[Android] how do I implement this recyclerview item animation?

2 Oct 2016 by kutetv

I'm working with RecyclerView ItemAnimator and I want to implement this effect (the left bar is the recyclerview)http://i.stack.imgur.com/oKUYl.gif[^]It would be great if you give me an example code?What I have tried:I've not much experienced with recyclerview item animator. I...

[Android] how do I implement this recyclerview item animation?

2 Oct 2016 by Richard MacCutchan

Quote:It would be great if you give me an example code?Sorry, but this site does not provide code to order. If you want sample code then Google is the place to go.

A Universal Gauge for Your Web Dashboard

16 Dec 2014 by Steffen Ploetz

JavaScript plugin gaugeSVG to generate widely configurable SVG gauge for a web dashboard

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

Add key frames xaml binding

25 Feb 2021 by pjank42

Hi I am trying to find a way of adding key frames to storyboard through a binding, but I can't get it to work. What I have tried: I have tried the following but I get an error: System.Windows.Markup.XamlParseException ...

Add key frames xaml binding

25 Feb 2021 by Gerry Schmitz

Added a javascript element to website HTML, CSS animation dissapeared

20 Dec 2022 by Natasha Bennett

I'm working on a company website and my website design knowledge is very basic. I challenged myself to add interactive elements. 1. My navigation bar has hover animations. 2. My slide show is automatic and also manual. However when I added my...

Adding Angular Material in ASP.NET Core Angular SPA Template

26 May 2017 by Fiyaz Hasan

This article shows you how to add Angular Material in ASP.NET Core AngularSpa template

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...

Android animation for some time limit

25 Oct 2015 by bhavikadb

I'm making an android app which has a splash screen and I want to give an animation t it. I successfully added animation to it but what i want is after 5 seconds next intent should open. but now it directly opens the second intent and splash screen is not running. my launch activity is splash...

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 =...

android openGl in android wear

12 Jan 2016 by Member 12011271

Hi am developing an android wear using the service of Gles2WatchFaceService.I need to draw an image and make animation on it can anyone help me

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...

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...

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...

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...

Animated GIF in Winforms

28 May 2011 by Abhinav S

Maybe this can help[^].

Animated GIF in Winforms

28 May 2011 by Dave Kreskowiak

It won't show because you're trying to update the animated GIF and do you save on the same thread, namely the UI thread. You have no choice but to move the code that is doing the saving to a background thread. That will free up the UI thread to update the GIF image on screen.

Animated Loading Image with SVG

17 May 2014 by H Kruger

Create an animated SVG to use as a loading image.

animation in WPF with blend expression

13 Dec 2015 by Member 12204785

hello , i want to create a WPF application in C# with with animation .. i have found Blend expression but i don't know how can i associate an expression from Blend expression 3 to Visual studio 2012 ... i don't find any solution .. any help ?? !! thank you

animation in WPF with blend expression

13 Dec 2015 by Dave Kreskowiak

You need to learn WPF and Blend. You're not going to get all the information you need from a couple of forum posts.Google for "Blend WPF tutorials".

animation in WPF with blend expression

13 Dec 2015 by Naz_Firdouse

Refer the samples athttp://www.c-sharpcorner.com/uploadfile/cd80b9/creating-an-animation-in-expression-blend-and-edit-in-visual-studio-2010/[^]http://www.kirupa.com/blend_wpf/[^]WPF Step by Step: Getting Started with WPF and Expression Blend[^]

Animations made easy in WPF.

19 May 2015 by Bhanu Pratap Singh Rathore

Animate Controls with ease using the MAnimation class developed by myself and can be used by anyone.

Animator for WinForms

22 Feb 2013 by Pavel Torgashov

The component allows you to animate any controls on your WinForms.

Any way to avoid overlapping of 2 images on android ?

1 Feb 2015 by Allwin456

For an anroid app, Im doing infinite Translate Animation. imageview starts first and after a delay of 1 second, imageview2 starts.Animation animation = new TranslateAnimation(0, 0, -500,...

Augmented World

25 Dec 2013 by Grasshopper.iics

Augmented World is an animation app that allows you to create animation movies by augmenting yourself into the scene

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...

Block @ not recognized in CSS3 in Visual Studio 2010

26 Mar 2015 by rana_sonu1

i am working on css3 in vs2010. Trying some animation. but intellisense is giving error "Unrecognized @ block type" and " keyframe is not a known css property name". Below is some i have tried.@-webkit-keyframes animt1 {0% {background-color:red; left:0px; top:0px;}25% ...

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% ...

Browser Animation - Modern Approach

19 May 2013 by Plamen Dragiyski

Usage of the new animation technology and compatibility

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,...

C# Game Program - Redrawing Issues?

11 May 2012 by KingRezno

I am doing this for a school assignment, but I got stuck at the end of the code. For one, I am unable to get the 'man' animation to be redrawn onto the panel. Though, in the picture box it will animate using the array. Secondly, using the key down, the man will not move at all. It works on my...

Cannot stop animation started with a datatrigger

22 May 2022 by User 15393223

I can start the animation via DataTrigger, there is no problem with starting, but when I try to stop that animation via DataTrigger, I does not stop. And in the code below given, it does not start to animation. Also I try to stop and start...

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.

Change custom cursor style keyframe animation on hover

17 Feb 2017 by Member 13008204

I have managed to create custom cursor from div with jQuery, can I also change the cursor style for example: (styling animation keyframes) when hovering over div.Here is my html code that makes the custom cursor.PlunkerWhat I have tried:I search everywhere on how to animate the...

Comedy Desktop Tumbleweed

9 Jun 2014 by Brad Joss

A comedy tumbleweed to bounce across your desktop

Control to Support Custom Animations using VisualStateManager

5 May 2011 by Clifford Nelson

Implements a control to support changing colors for Silverlight Shapes using VisualStateManager

Correcting the WPF Spider control thingy

7 Feb 2011 by Fredrik Bornander

This tip corrects my horrible attempt of a Spider Control

Creating a Simple Animation using Microsoft Blend for Visual Studio (UWP)

21 Nov 2015 by Umer Qureshi

Creating an animation using blend instead of writing the XAML yourself

CSS3 Animations on a HTML5 page

14 Jan 2016 by Guruprasad.K.Basavaraju

Introduction to CSS3 Animations

Customizing WPF Expander with ControlTemplate

8 Sep 2013 by XiaoChuan Yu

Talks about how to customize the look and behaviour of WPF Expander by templating it.

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

4 Jun 2014 by HARSHADGCHAVAN

Div css hover animation not working when div is in always visible extender.I am developing a web page i want to show some animated effect on mouse hover of div and my div is under alwys visible extender. I am using css class for div as mentioned below.divLeftClass { ...

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/[^]

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:...

Div overlapping and collision position

5 Apr 2015 by Member 11581941

I am trying to see when my two divs are going to overlap and touch each other. The two yellow divs on this example.Why is it that the collision returns true at a stage when the divs aren't even overlapping or touching each other ?http://jsfiddle.net/abc123/HWfMt/162var degree =...

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...

data-visualization

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...

data-visualization

Drop down animation not working properly only on small devices

4 May 2017 by H.AL

I am trying to create a responsive website. I am using bootstrap 3.3.7 and jquery 3.2.0 with visual studio 2010 vb.net. Now I am trying to create a navigation bar with a dropdown menu. I want to add animation to this menu so I worked as first step with css by adding this to class dropdown and...

Effect of drawing a circle.

23 May 2020 by Member 12618031

Using the following code, I get a line drawing effect. Line newLine = new Line(); newLine.StrokeThickness = 1; newLine.Stroke = Brushes.Black; newLine.X1 = 50; newLine.X2 = 50; newLine.Y1 = 50; newLine.Y2 = 50; DoubleAnimation lineXAnimation =...

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[^]

Effect of drawing a circle.

23 May 2020 by Member 12618031

Strangely enough, but the Japanese helped to resolve the issue. The class Microsoft.Expression.Shapes.Arc makes drawing circles easier. using Microsoft.Expression.Shapes; Arc a = new Arc(); a.ArcThicknessUnit =...

16 Nov 2011 by Michael Hodel

Enigma Puzzle – a game as difficult as the Rubik's cube

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?

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.

Find-S concept learning coding algorithm

22 Oct 2016 by Member 12415195

Develop an application of the algorithm find-S; performed by the electronic media. Any programming language can be used.What I have tried:I would be glad if you can help

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...

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

15 Feb 2011 by thasfi

I have created an animation which has 4 layers. I'd like to have two maskings in separate layers of the animation. It appears that it only takes only one mask. Is it possible to have two masking? How do I accomplish that.

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: Is it possible to have two masking in one animation?

17 Feb 2011 by thasfi

Thnx, i will try ur option. Thnx once again

Flexible Particle System - OpenGL Renderer

9 Jul 2014 by Bartlomiej Filipek

Description about my simple OpenGL renderer for the particle system

Flexible Particle System - The Container 2

16 May 2014 by Bartlomiej Filipek

Description of the implementation of my particle container

Flexible Particle System - Tools Optimization

16 Sep 2014 by Bartlomiej Filipek

In this post, I will test several compiler options and switches that could make the particle system run faster.

Flexible Particle System - Updaters

8 Jun 2014 by Bartlomiej Filipek

Flexible Particle System - Updaters

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

19 Nov 2017 by Member 13525602

In my html I have an anchor link in the form of a button: Go To Content which links to my #content div. Unfortunately the jump to the #content div is very sudden and harsh. So I tried animating it with Java Script by using the window.scrollTo() method (...

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[^]

Get one gif frame at the time.

4 May 2017 by Toni_s

Hi all. I have a question about how to play animation without to use too much memory. I want to load in every Timer Tick only one frame directly from the disk, without to load all frames into memory in a variable. I have make one function for this, but if i called it slows down in every frame a...

HandOffBehavior for Smooth Animation in WPF

16 Mar 2011 by Abhishek Sur

When animation is not totally complete, default animation behavior might produce jurky animation. Here is a demo how you could make it smoother.

Help me fix my bridgev2 animation controler

19 Feb 2024 by dakota flanagan

the following code is still showing errors in bridge v2 { "format_version": "1.10.0", "animation_controllers": { "controller.animation.raccon": { "initial_state": "idle", "states": { "idle": { "animations":...

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[^].

Horizontally move image automatically within a div

7 Apr 2017 by SnvMohan

I have a image with dimension 15152 * 404. I just want to show that img in div. But that image need to change horizontally(when its changed automatically, that img person doing some action like gif) by css or jquery. I have tried the following html, Img shown correctly but need to move...

Horizontally move image automatically within a div

7 Apr 2017 by SnvMohan

I have try the following.. Its working var imgTag = new Image(); imgTag.src =...

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

14 Mar 2013 by Kelvin33

Hi, I'm creating a UserControl similar to WPF's HeaderedContentControl with a slightly complicated behavior. I would like to define an enumerator within my control called "State" - at the moment populated with a few simple values (ie. Default, Normal, Warning, Error). Next I would create a...

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(); ...

How can I create an avi or mp4 file from selected screen images in VB.NET?

27 Jul 2021 by VBeginner.NET

I save a few selected screen images using CopyFromScreen in bmp or png files listed serially like img001.png, img002.png, etc. Can I make an mp4 or avi (no sound in it) from those saved screen pictures? I do not want to continuously record the...

How can I create an avi or mp4 file from selected screen images in VB.NET?

27 Jul 2021 by OriginalGriff

No, not in a few lines of code! Creating a video from image frames isn't a job for a beginner - even using a framework like AForge which can (apparently) do it. This may help you get started: c# - Image sequence to video stream? - Stack...

How can I make this animation? The fastest way.

15 Nov 2022 by James Murinio

How would you make such an animation in python? The animation is about showing the concept of time division multiplexing. Each user has data to send through the shared medium. Data is combined into frames. Length of the frame is equal to number...

How can I make this animation? The fastest way.

15 Nov 2022 by Richard MacCutchan

It is impossible to tell you which package is better, as that depends on too many unknowns. You need to try them for yourself to see which one best fits your requirements.

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.

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...

How do I create a moving changing animating gif in tkinter, Python

7 Mar 2020 by Member 13670629

I have encountered a problem whilst creating a changing animation in python 3, tkinter. I was trying to create a changing player gif animation when I found that the animation was not changing when I clicked the different keys that were previously defined. The error is that frames is not defined...

How do I create a moving changing animating gif in tkinter, Python

7 Mar 2020 by Member 14766525

You haven't set the frames list in the global environment. To do that, def animcontrollermethod(event): global frames .. .. # your code

How do I design a avast loading animation?

28 Mar 2021 by Inter_Offical

Can I know to design a Avast loading animation, because I really like to use it on my own application. Like this -> https://pasteboard.co/JUHbFCH.gif[^] but in Avast-like UI. (VB.NET or C#) What I have tried: I tried to do this in a normal...

How do I design a avast loading animation?

28 Mar 2021 by Dave Kreskowiak

There is a property on the ProgressBar control, called Style. Set it to ProgressBarStyle.Marquee. No other code required.

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

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.

How do I fix site's landing page that is pushed off-centre by a CSS animation? (Css/HTML/animation)

30 Jan 2020 by isntlee

I have a background animation that zooms in on the background (the "breathe" effect) but the problem is that when I refresh the page, the starting position for the page is off-set to the left by roughly how much the background has moved (in relation to the initial/correct position). What I have...

How do I fix site's landing page that is pushed off-centre by a CSS animation? (Css/HTML/animation)

30 Jan 2020 by W∴ Balboos, GHB

Why not try z-index ? Since you didn't supply the styles it's the best guess for the easiest implementation I can make.

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...

How do I get started with Animation?

17 May 2015 by Member 11492419

Hello to whoever is reading this,I am new to animation design for android. I currently want to create a live wallpaper with a space kind of theme to it. I was wondering if anyone could point me in the right direction of how to do this. I have looked at online tutorials but they haven't...

How do I get started with Animation?

17 May 2015 by Peter Leow

Find out for yourself http://www.codeproject.com/Learn/Android/#graphics[^]