A few days ago SlyFoxy12 was looking for someone to make an animated stack of coins. I took the offer and started coding.
Now, the CoinStackBar project is finished.
What is it?
CoinStackBar is a small embeddable JavaScript class that can be used to create a dynamic coin stack (or a stack of any kind of small objects) on your page. The class is very flexible and there are many settings that can be tweaked to create the exact stack you want.
This might be a very helpful visual effect for websites working with Bitcoin or other (crypto)currencies.
The code is released under the GPLv3 license, which means that it can be used for free in any kind of project.
Features
- Coins with random displacement from center, making it look stacked by hand.
- All settings are easily changed/adpted to your own coin image
- Uses deterministic randomness thus if needed the stack can set to stack exactly same each time, on all computers.
- Optional Shadow effect (works in all browsers that support CSS Gradients: IE 9+, Webkit(Chrome, Safari, Opera), FireFox)
- Automatic animation, fully editable:(x and y move distance as well as the animation speed)
- Support for multiple different coin images in the same stack.
- Can be set to any min-max value and coin stack height.
I wanna see it!
The CoinStackBar GitHub can be found over here. On the GitHub, the latest up-to-date code as well as a quick explanation on how to use it can be found.
Oh, you rather want to see a live example?
You did some fine work sir, I want to donate!
Oh my, oh my. What a nice person you are. Donations can be sent to the following Bitcoin address: 1Cg76Ft1Juhorwxs1HV8ER7D3rpvPpq9yF
Thanks a lot!
Also, if you ever need anything, I am a web developer and designer for hire.
I hope you like the CoinStackBar. Please leave all the feedback, ideas and compliments you have below.
~W-M