For questions related to graphical animations. This includes, but is not limited to sliding, tweening, rotating and resizing of shapes.
1
vote
0answers
12 views
JavaScript-function for to attach CSS-animations
The purpose of the function is to attach CSS-animations to HTML-elements with a text-content property. Like for example h1, div, p etc.
It's not fully elaborated. Nevertheless have I decided to put ...
2
votes
1answer
20 views
Random walker using Processing.JS on Khan Academy, with new walkers generated on mouse click
I've created a project on Khan Academy as part of the Natural Simulations course on random walks.
This project is in JavaScript, using the Processing.JS library, slightly modified by Khan Academy.
...
1
vote
1answer
31 views
Parallax animation running well on Chrome but slow on Safari
This is the continuation of a previous question I posted here.
I've improved (at least I think so) the initial script from the previous question, now storing the data in an array, it runs slightly ...
5
votes
1answer
80 views
Parallax animation, running well on Chrome but slow on Safari
I have the following script to create a parallax effect on the page using request animation frame, it runs well on Chrome, but on Safari is lagging, I think because I run too many calculations on each ...
3
votes
0answers
39 views
Calculate and apply realistic velocities when animating sprites
I am brand new to Scratch (and animation in general) and have been playing around with various techniques I feel will probably come in handy. My project in question can be viewed here. It started as a ...
0
votes
0answers
31 views
Animate.css 'slideshow'
Animate.css offers on it's page the possibilty to try out the included animations: https://daneden.github.io/animate.css/
For to see a demo one has to select it via a dropdown. Then trigger it by ...
0
votes
0answers
23 views
Improving function that does an animation with JQuery .animate()
I'm a newbie with the JavaScript language. So I really appreciate any tip about how to improve my code. I'm used to code in java. Then I want to know if there is any way to abstract my function, ...
0
votes
0answers
34 views
Message-Div animated with changing colors
I've made this animation with jQuery and Animate.css.
Could be surely improved.
Currently I'm using 125 (5^3) different colors.
If one extends the amount of colors, or respectively the filling of ...
1
vote
0answers
51 views
Splitting text into individual characters for animation
I have code which makes use of jQuery and some additional libraries. But the jQuery part is too overwhelming (and thus it does its job slowly). So I tried to optimize it, and faced no luck. Now I seek ...
5
votes
1answer
63 views
A “pointless” animation program
The assignment description for this code is this:
Each time the user clicks the Circles button, randomly colored circles
flow into the display and continuously change their shapes.
Here is a ...
3
votes
1answer
78 views
CSS3 Dropdown Menu (touch device or mouse compatible)
If you'd like the files: https://github.com/agraymd/Animated-Profile-Menu
Working Demo: http://jsfiddle.net/tddfevhv/1/
This may be rather basic, but I wanted to experiment and learn with some of ...
2
votes
0answers
38 views
Basic animation in Typescript
I decided to play around with doing my own super-basic animation. For a previous Javascript project, I needed the ability to flash an element. The code below is the result of me attempting to ...
0
votes
1answer
52 views
Calculating an object's stopping distance
I'm trying to smooth the movement of a cursor which has a set acceleration and max speed. I wrote this function to calculate the stopping distance of an object given its speed and acceleration, and it ...
3
votes
1answer
60 views
Explosion animation plugin for a game
I have been writing a small particle plugin since I want to learn how physics works for games. Now I have tried to get this as clean as I possible could but It feels something is missing. Am I ...
8
votes
1answer
103 views
JavaScript canvas sphere
I made a small demo in JavaScript using HTML5 canvas, which renders a rotating sphere. The sphere is generated by first creating a set amount of points (currently 50, represented by vectors) randomly, ...
1
vote
1answer
61 views
Progress indication with animation
I have a game in which the player has to do something within a defined time.
E.g.: the player has 10 seconds to complete a level.
My current code animates an imageview (it's only a horizontal line) ...
2
votes
2answers
42 views
Text 'guesser' / tumbler like animation
I made a tumbler thingy...
Do you see possible bugs in the code or any improvements I could do?
...
2
votes
1answer
100 views
100 chairs in a circle problem solving with Angular.js and visualization
Here is the problem statement:
Take a second to imagine that you are in a room with 100 chairs arranged in a circle. These chairs are numbered sequentially from One to One Hundred. At some point ...
5
votes
1answer
62 views
Front End Web exercise, no HTML
I was given the following instructions
Using the below HTML, using ONLY CSS, JavaScript or jQuery create the following (see attached gif animation):
...
6
votes
1answer
125 views
Java snow animation
I was inspired by this to write a graphic snow animation in Java/Processing. It works great, but it has some design issues.
The full project is here on github;
...
5
votes
1answer
61 views
Animation Template Method for Snake Game
I have recently finished my first iteration of a template method implementation for a JavaScript canvas animation of the snake game. However, I would love for the community to critique this code and ...
62
votes
6answers
9k views
How clean is my snow?
I just wrote a snow animation in Python. I think this is fairly clean but I have a few things that I don't like.
...
1
vote
0answers
290 views
Progress bar with percentage counter
Basing my work on a JavaScript progress bar created by another person, I added an animated percentage count. This solution is really ugly but it works.
I don't know how to avoid having to declare ...
11
votes
1answer
171 views
“Star Catcher” game
For fun, I have been working on this game I called Star Catcher. It's a very basic game where stars are falling and you try to catch as many of them in your bucket before you miss 10. It's a real mess ...
6
votes
1answer
114 views
JavaScript Breakout Game
I'm a novice programmer who is very new to JavaScript, and animation/graphics, and I have this breakout game on my flask website.
I tried to do as much as I could from scratch, and I'm unsure if my ...
3
votes
1answer
56 views
Mouseover effects for social network icons
Hey so I have written some code out in jQuery, but it seems to violate DRY. I'm not too familiar with JavaScript or jQuery, so I was just asking for some advice on how to optimize this code:
...
-1
votes
1answer
60 views
5
votes
2answers
173 views
Sample Python game is running slow
I got my game working for so far, however, I would like the game to run faster. It's running at approximately 26 FPS when most of the blocks come in; my FPS goal would be about 60 FPS. How do I fix ...
1
vote
1answer
68 views
C64 loading screen
I have made a loading screen (splash screen) just like the old C64. I have used a series of picture boxes and just change the coloured image using a timer and a case statement.
...
1
vote
1answer
55 views
Coffee webpage with laggy animation
Currently designing a homepage and from some initial tests users are experiencing lag.
I'm using some Javascript to create a parallel effect as well as an animated "click to explore" loop. Not sure ...
3
votes
2answers
84 views
Console animations
I'm a coder who's relatively new to Python and I wanted to spice up my console applications a bit by making animations. The code I've written works perfectly, but I just wanted to know if it was good ...
3
votes
0answers
34 views
Wrapping a small animation library for Angular
I've started out working on a larger project using Angular for the first time.
For visual feedback, I'm using Waves (Github) (you can see a demo page here).
The standard way to use Waves is to ...
8
votes
2answers
494 views
A “C” shape of 7 boxes that turn green on click
Company name asks you to build a website with 7 boxes shaped like a c, which should turn green on click, and then when all are clicked, should turn red in reverse clicking order.
...
11
votes
2answers
242 views
Making GIFs with Java
I wrote a Java class to make a GIF animation from a list of images. The whole project can be found here.
I am pretty new with GitHub, so I would be very glad if you can give critiques regarding my ...
2
votes
3answers
92 views
CSS animation via JavaScript
I call this animateElements function as part of an animation loop (inspired via Dave Gamache). Everything works as expected, but I would love to try and ...
3
votes
1answer
75 views
Fireworks animation causing high CPU load
This web algorithm is causing even newer computers to freeze with CPU spikes from 20% to 90%! How can I make it more efficient?
EDIT: An idea is to somehow get rid of the filter:blur(); property ...
3
votes
1answer
96 views
Animating sprite without libraries
I'm building a small game in pure JS for my own learning purposes, using sprites to model players.
Before I go further, I want to try to get the animation down. The below code should produce a blank ...
3
votes
1answer
62 views
Three-layer parallax effect
I want to make it lightweight (fastest, best performance) as it possible for browser, but I have no idea - I haven't huge knowledge about JavaScript.
That code run parallax effect on my web page. I ...
2
votes
1answer
61 views
Managing “active” and “rest” state for class name-based CSS animations
Started working with CSS animations and I'm wondering if there's a more elegant way to manage (with class names) when an animation is on or off. The general pattern I have is like this:
...
1
vote
1answer
29 views
Scrolling with an easing function
I wanted to write a function that when invoked, will scroll the page downwards in a smooth fashion.
Comments and criticism welcome. I don't like, for example that determining whether it is done is ...
3
votes
2answers
62 views
Show and hide posts using setTimeout
I have made an effect that has the h1 move and then reveals p using .addClass, ...
1
vote
0answers
123 views
Dice rolling swipe Android app
So I've got an Android app where if you swipe in a particular direction (UP, DOWN, RIGHT, LEFT), the dice move in that direction using TranslateAnimation. This is ...
0
votes
1answer
104 views
Yes/no confirmation buttons on a slide-out panel
I have the following js code and am wondering how I can make it clean. It works fine but there are few repetitions. Is there a way to make it more clean?
...
-1
votes
2answers
97 views
Animating 70 classes of models
How do I write this function more efficient? My class names always contain modell and essentially, only the numbers are changing. Is it right that I get a better ...
9
votes
3answers
318 views
Garbage collection in JavaScript multiplayer game
I am currently creating a Multiplayer Game using node.js and web sockets. The client side is receiving the positional information and applying it to all the players on the client side. Each client ...
2
votes
0answers
54 views
Dice-rolling Android app
This is just a simple app. All it's suppose to do is move the dice around the screen when the user swipes up or down. It will move 2 dice (image drawables) to a position on the screen depending ...
2
votes
0answers
153 views
JavaScript library for material design toasts (notifications)
This question is a follow-up question to this one.
I wrote a small JavaScript library for material design toasts (notifications). I'd like to know what are my mistakes and how can I correct them? ...
5
votes
2answers
92 views
Simple animation method with requestAnimationFrame code structure
I'm writing a animate method to perform DOM animations. I know there are a lot of libraries out there that already does that (and I use some ideas of them) but I usually prefer writing my own code to ...
5
votes
3answers
175 views
Python Turtle screen saver
Leon asked a question which got closed both here and at Stack Overflow, but I kind of liked the idea, so I implemented a working version of his code, which I now want reviewed.
With regards to Leon's ...
3
votes
3answers
132 views
Displaying image for the selected year
I have the following code and I'm trying to find a cleaner way to run the year functions. At the moment I have 5 years as divs with an onclick event to bring the appropriate year image into view. So ...
