Questions tagged [animation]
For questions related to graphical animations. This includes, but is not limited to sliding, tweening, rotating and resizing of shapes.
379 questions
7
votes
3
answers
647
views
Optimizing real-time ASCII playback in Python when each frame is fetched as a PNG via GET
Why I made it
I wrote this script for one simple purpose: to Rickroll my friends.
How it works
This is the workflow:
It fetches a .png frame from a PHP endpoint on a website I own. The frame number ...
3
votes
0
answers
56
views
Colorproof dust effect
A combination of various css transitions (background-color, box-shadow, opacity, ...
5
votes
1
answer
779
views
Bash script simple countdown timer with dotted output
My goal is to have a timer function that operates from the bash linux command line. I am looking for review and feedback. Printing the expected number of characters (dots, dashes, or bars) is nice-...
2
votes
1
answer
322
views
CSS gradient text that fades in and out
Here I have a basic text gradient effect which fades into a gradient animation, and fades out of the animation on hover in/out. Without the fade in, it looks janky and jolty. But because of the fade-...
2
votes
1
answer
190
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 ...
1
vote
1
answer
148
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
...
4
votes
1
answer
119
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 ...
2
votes
0
answers
81
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:
...
6
votes
1
answer
290
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 ...
2
votes
0
answers
1k
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 ...
0
votes
1
answer
517
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 ...
7
votes
1
answer
145
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 ...
10
votes
2
answers
1k
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 ...
3
votes
1
answer
104
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 ...
4
votes
1
answer
1k
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://i.sstatic.net/oKOVA.jpg
...
1
vote
2
answers
315
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 ...
1
vote
3
answers
1k
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 ...
8
votes
1
answer
675
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 :
...
3
votes
1
answer
540
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 ...
1
vote
1
answer
1k
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 ...
3
votes
1
answer
458
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 ...
4
votes
1
answer
95
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 ...
8
votes
2
answers
2k
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 ...
9
votes
1
answer
930
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 ...
3
votes
1
answer
232
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, ...