All Questions
48 questions
2
votes
1
answer
303
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-...
- 321
2
votes
0
answers
62
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:
...
- 21
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 ...
- 159
2
votes
1
answer
309
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.
...
user177966
2
votes
0
answers
113
views
multiple AJAX requests and multiple SetTimeout animations
I wrote a piece of code that included multiple AJAX requests and multiple SetTimeout animations.
I want the code to perform better, especially the SetTimeout sections.
which part of the code should ...
- 81
1
vote
2
answers
198
views
Wireframe animation on canvas is slow
I'm recently working on a project that involves animation in the background. It works well on desktop but performance drops drastically on mobile. I'm using Paper.js to import a svg and animate it. ...
- 13
5
votes
2
answers
395
views
AI to avoid obstacle
The AI I'm making is really simple, however it might be a bit too inefficient for what it is doing. The chart below shows speed differences between various arithmetic and math operations. ...
- 155
5
votes
1
answer
1k
views
Rendering explosion of bouncing balls on a canvas
I'm making a particle engine that can spawn new explosions while keeping particles from previous ones active (until they despawn).
The code works well on its own but within the game, two or more ...
- 269
3
votes
1
answer
175
views
Plain Page Flip Effect
I've created a very plain version of page flip onscroll. I made it to look like turning the pages of a book.
It looks OK on browsers I have (Firefox 52.9, Chrome 49, IE8). Though the effect doesn't ...
5
votes
1
answer
188
views
Animating a screw made up of elements
I am working on code to generate a screw made up of different elements and animating it by rotatation. The elements are so called conveying elements (denoted by GFA)...
- 193
3
votes
2
answers
107
views
Changing the width of a centered progress bar
I am making a game in which the player has a certain amount of available boost. To show this, I am using a blue bar inside a black frame. The bar can grow and shrink at different rates as available ...
- 277
2
votes
0
answers
91
views
Iterate through images really fast with JS
My objective is to modify the JavaScript code to get the single image on the page to iterate through images faster. It should be possible to get the images to load in about 10 seconds(about 3 seconds ...
- 121
2
votes
1
answer
86
views
A simple program that animates the Y position of multiple elements based on the window scroll position
The following code animates an item's Y position based on how much of its parent is currently visible. This is the first time I ever animated something on JavaScript based on the window scroll ...
- 477
1
vote
0
answers
2k
views
jQuery animate() and css() not performing well in firefox and internet explorer
I am making a webapp that needs a division to expand on click. (The division is loaded with content, so it was likely to not animate very well, but I increased the animation time to 1s to make it look ...
- 121
1
vote
1
answer
41
views
Javascript plugin: scrolling based animations
I worked in a Javascript plugin the last couple of days, to implement scrolling based animations in websites. It's functional at the moment (here is the project page with a small demo). The code is a ...
- 259