2022 Developer Survey is open! Take survey.

Questions tagged [animation]

For questions related to graphical animations. This includes, but is not limited to sliding, tweening, rotating and resizing of shapes.

Filter by
Sorted by
Tagged with
1 vote
1 answer
19 views

Sidenav menu that appears when click on button

I have a side menu that appears when click on button, which works fine. But now I want to clean up my code, shorten it if possible. I was wondering if there is an easier and cleaner way to achieve the ...
user avatar
  • 11
1 vote
1 answer
33 views

Trouble with rendering speed of the animation of a simulation?

The following code is a conversion from some old java I wrote to python. It shows the beginnings of a simulation of an ant colony. I am finding the animation speed very slow - and I'm wondering if I ...
user avatar
  • 155
2 votes
0 answers
34 views

Interactive Gundam using only Matplotlib

The code below plots a background image (sky) and then a Gundam sprite using Matplotlib. It also creates 4 buttons with obvious purposes. The Gundam class stores 2 ...
user avatar
  • 1,142
1 vote
1 answer
71 views

Trying to follow Single Responsibility Principle with download and show progress

Let's get right into it, I have a function downloadFile(url, path); Downloads file and saves it. donwloadFile.js ...
user avatar
  • 121
3 votes
2 answers
145 views

Prey Throbber using CSS Animation

I'm migrating to web development and wanted to learn CSS animations better. I was playing Prey last night and realized the "throbber" on the elevator screen would be interesting to ...
user avatar
4 votes
1 answer
45 views

Four HTML tabs elements, with fade animations, activated by buttons

I am pretty new to Javascript and trying to make a really simple tabs element which is just hiding and showing sections depending on which button is clicked. I know that this is a terrible way of ...
user avatar
0 votes
2 answers
97 views

Animate circle using Javascript and HTML5 Canvas

Animate circle using Javascript and HTML5 Canvas. The circle will be drawn at the center of the canvas. The initial radius will be 0 and will keep on increasing till 100 and then decrease till 0 and ...
user avatar
2 votes
0 answers
41 views

JS icons animation

I've written a simple JS that takes care to animate an icon. At first I wrote it quickly and without paying attention to any kind of optimization: ...
user avatar
1 vote
1 answer
116 views

My 3D to 2D graphics algorithm is being a bit slow

With my VB.Net Windows Forms application, I would like to rotate and project a 3D object. The program works so far, which is why I'm reporting here and not Stack Overflow, but it's slow. I've already ...
user avatar
  • 175
4 votes
0 answers
75 views

Animating Lissajous curves with Python and matplotlib's animation library

I'd like to plot an animation of Lissajous curves using Python and matplotlib's animate library. I really do not have a lot of experience with Python, so rather ...
user avatar
  • 41
3 votes
1 answer
245 views

Frame Pacing and Animation in Python/tkinter

The goal of each frame of the animation to be the same length as the one before it, regardless of the amount of processing that takes place as the frame is being built. This is a little animation demo ...
user avatar
  • 131
2 votes
0 answers
455 views

Slow render of a graph path using python matplotlib animation

I am computing shortest paths of graphs using Python Networkx and Matplotlib. I'm focused on animating the route inspection problem path in particular here. My goal is to smoothly render such ...
user avatar
  • 57
3 votes
2 answers
295 views

Active Brownian Motion

I am attempting to write a Python code to simulate many particles in a confined box. These particles behave in such a way that they move in the box in straight lines with a slight angular noise (small ...
user avatar
  • 91
0 votes
1 answer
140 views

Christmas tree made up only with HTML and CSS

I've created a Christmas tree using only HTML and CSS. It's pretty sure that the code can be written in a more efficient way. Also, the lights are turning on and off at the same time, is there a way ...
user avatar
  • 159
2 votes
1 answer
108 views

Unity animations code [closed]

I'm currently working on a live keyboard demo on unity. I've animated every key but my script spans over 2000 lines. I'm fairly happy with my script but I know theres better ways to do it. I have ...
user avatar
  • 47
7 votes
1 answer
55 views

Vanilla JS/CSS -- set of buttons to trigger sliders by transitioning height value

I've been working on a solution that allows a set of buttons to reveal divs that slide down from above on-click. I needed each button to toggle an active state for itself, but also if the user were to ...
user avatar
  • 71
5 votes
1 answer
791 views

Python - 2D Elastic Collision Simulation

I am currently a Python beginner, who just finished a script simulating collisions between circles (balls) in 2 dimensions. I would appreciate comments on overall structure, variable names and really ...
user avatar
  • 151
10 votes
2 answers
305 views

Text based rendering/animation engine for the terminal

This project was highly inspired by the popular drawille project, that lets one draw to the terminal using the braille unicode characters. The advantage of drawing with braille characters compared to ...
user avatar
  • 795
3 votes
1 answer
40 views

Draw element border according to scroll amount

I needed to draw border element according to scroll amount. I made it work but I am not sure about optimization and performance. There may have a better way? I am open to suggestion you can see it ...
user avatar
  • 33
1 vote
0 answers
399 views

iOS Core animation cancel and restart [closed]

There is a simple movement CAKeyframeAnimation, what needs is that I can cancel and restart the animation freely. The key point of the following code, is that I ...
user avatar
  • 121
1 vote
0 answers
44 views

Android single activity app structure for smooth ux

I have an app that has only one activity and 5 fragments. I removed the navigation component because it was buggy and restored the old navigation, which is simply a ...
user avatar
  • 131
4 votes
1 answer
620 views

Simple rainfall animation in Pygame

I made the following code. It's a simple animation of 'raindrops' falling and splattering once they reach the ground. The images I use can be found here: https://imgur.com/a/VYV07ef ...
user avatar
3 votes
1 answer
69 views

Dynamical system animation framework

Introduction I am developing a dynamical system simulation/animation framework, which provides three abstract base classes, DynamicalSystem, ...
user avatar
1 vote
2 answers
210 views

Javascript Anime Support Switch Statement for .animate() Api

This is a revision of a previous question that I asked (i.e. Check browser compatibility for RequestAnimationFrame and Vanilla JavaScript .animate() API), with new aspects that I have learnt in ...
user avatar
6 votes
0 answers
215 views

Chart Based Animations In Excel VBA

I've been working on re-writing comfortablydrei's answer to this PPCG Question regarding creating a illusion animation in pure Excel VBA. So far, I've been able to rewrite the code to function in VBA, ...
user avatar
1 vote
3 answers
865 views

Check browser compatibility for RequestAnimationFrame and Vanilla JavaScript .animate() API

I'm trying to set up some code to first test if the Vanilla JavaScript .animate() API is Supported, then if it's not check if ...
user avatar
2 votes
1 answer
174 views

Javacript/jQuery animation makes text appear/disappear as if typed

On Eric Amodio's website and JS.ORG, there is a Javascript animation which makes text appear/disappear as if it is being typed. I tried to replicate something similar but far more basic on JSFiddle. ...
user avatar
8 votes
1 answer
503 views

Double pendulum animation with tkinter

here is my first project : I have made a double pendulum animation with tkinter on Python. Can you give me some feedback on what can be improved ? Thanks ! Code : ...
user avatar
  • 193
3 votes
0 answers
36 views

Tiny JavaScript Animation Library

I've created a tiny (723 bytes compressed + gzip) animation library. Is this a good way of animating arbitrary numbers? ...
user avatar
  • 165
3 votes
1 answer
386 views

Gradient Descent Algorithm using Pandas + GIF Visualization

Happy new year everyone, Following Andrew NG's course on coursera here's my implementation for the gradient descent algorithm(univariate linear regression) in Python using pandas, matplotlib with ...
user avatar
2 votes
1 answer
83 views

Flash Light Effect Windows Forms Edited

I am having performence issues with image processing task (flash light effect). I used c#, and used couple references (LockBits Method, Extension). The program has bad frame rates. Edited the code, ...
user avatar
1 vote
1 answer
801 views

Starting an activity after 1000ms from a splash screen with Runnable and Handler().postDelayed

I have implemented a splash screen which is the main activity of my Android app. This splash screen shows an image, and after 1000ms there is an animation to show another activity's layout. The code ...
user avatar
2 votes
2 answers
117 views

Handling view state for cardview

I have two buttons 1) Chat button 2) Annotation Button On tap each view comes from bottom and when tap outside view hidden back (Please refer the screen shot) On tap On annotation On tap on ...
user avatar
3 votes
1 answer
317 views

ValueAnimator for IOS - Did I butcher it up?

I am trying to make an IOS tool similar to Android's ValueAnimator... more or less This is useful for situations where you simply want a value to "animate" over time, but rather than necessarily ...
user avatar
1 vote
1 answer
302 views

Tower of Hanoi, ASCII animation with ANSI escape codes

A few days ago I saw a nice video on YouTube with prof Thorsten Altenkirch about recursion and the Tower of Hanoi puzzle. Today I tried to reproduce the code from the video and came to this: ...
user avatar
  • 1,451
4 votes
1 answer
76 views

Android Java Splash Screen code

Here's my android splash screen. I am trying to figure out a better way to write it. It just moves the logo up to the center of the screen. It's my third time creating a splash screen for an android ...
user avatar
9 votes
1 answer
1k views

Maze image solver and animator in Python

This maze solver is a continuation to the maze generator I posted here recently Maze generator & animator in Python This code takes an image containing a 2-color maze as input and solves the maze ...
user avatar
8 votes
2 answers
1k views

Webpage with a preload animation using JavaScript setTimeout

I am working on a website with an animation that runs at the beginning before the content of the homepage becomes visible. I've looked at some examples of preloaders and now use that code with some ...
user avatar
  • 81
13 votes
1 answer
3k views

Maze generator & animator in Python

This is a follow up to this code and I still did not get the feedback on the drawing functions Maze generator in Python- Gif animator-Custom colors/sizes The code generates custom color and size ...
user avatar
9 votes
1 answer
684 views

Maze generator in Python- Gif animator-Custom colors/sizes

This Python code generates mazes with color and size customization. I intend to add several new maze generating algorithms(Sidewinder, Kruskal, Prim ...) to the Maze class but for now, there is only ...
user avatar
2 votes
0 answers
39 views

Optimize animation, use parameters for different types of objects and work with VBox

...
user avatar
4 votes
1 answer
131 views

Screen transition effect like in Final Fantasy games

I've created a battle screen transition effect similar to Final Fantasy games, you can see it in action here: https://gilles-leblanc.github.io/ff8-transition/ I'm interested in code quality, ...
user avatar
  • 347
3 votes
1 answer
316 views

C++ SFML Animation System

I'm attempting to write an animation system on top of SFML, and I've come up with a design where I can wrap sf::Drawable objects into a RenderComponent class, and the RenderComponent class can be ...
user avatar
4 votes
0 answers
101 views

React - pomodoro clock

I'm looking for some feedback on a pomodoro clock that I recently wrote with React. I'm pretty new to React and coding in general. I followed a couple of online courses, but I'm mostly self-taught. ...
user avatar
  • 41
1 vote
0 answers
62 views

Limit framerate [closed]

I have made this class. Not sure if there is anyway to make it better. It seems to work alright half the time, but other times frames jump up higher then the set limit around 30frames more if i set it ...
user avatar
  • 11
4 votes
1 answer
120 views

Event triggers for animations using vanilla ES6

I'm new to JS and wanna know right code style or approach to cod Vanilla JS using ES6. To practice this, I'm using ESLint JS code-style of AirBnb and referencing clean-code-javascript repo. However, I ...
user avatar
  • 143
2 votes
0 answers
40 views

Matplotlib realtime monitor

I would like to share a matplotlib real-time monitor plot that I needed for another application. Basic trick is to reverse the time, so that t=0 is now and t=20 is twenty seconds in the past and to ...
user avatar
3 votes
1 answer
76 views

Print file out 1 character at a time in the terminal - Python

This program opens a file and prints the text out to the terminal 1 character at a time and at a predetermined speed using time.sleep() Simple and maybe, if you ...
user avatar
  • 423
6 votes
2 answers
252 views

pydoro - terminal tomato timer

I've recently created a tomato timer for terminal. It's hosted in github. My concerns are how Pythonic my code is? Is the way I'm handling state transitions good? Which areas of the text user ...
user avatar
1 vote
1 answer
855 views

Animation of adding / removing nodes from VBox

Method hide_old_show_new (I can't think of a suitable name) gradually, using FadeTransition, removes all nodes (from last to ...
user avatar

1
2 3 4 5
8