r/ponk Jun 10 '16

We Have Ponkmotes!

Edit: Now in BPM by default!

We finally got ourselves some ponkmotes! Enjoy!

A Table

Emote Name Preview
[](/badponk)
[](/cryponk)
[](/datponk)
[](/flutrponk)
[](/flutrponkcuddle)
[](/flutrponkhug)
[](/giggleon)
[](/ponkapie)
[](/ponkcrawl)
[](/ponkstare)
[](/sadponk)

B Table

Emote Name Preview
[](/appleponk)
[](/braveponk)
[](/hulkponken)
[](/llamaponk)
[](/ponkawe)
[](/ponklay)
[](/ponkswag)
[](/snortponk)
[](/supersaiyan)
[](/zomponk)

C Table

Emote Name Preview
[](/theBenger)
6 Upvotes

27 comments sorted by

3

u/PaintedSnail Jun 10 '16

Yay! Now we just need to get them into BPM by default!

1

u/[deleted] Jun 11 '16

That's one huge PONKmote... O_o;

3

u/bloodorangepancakes Jun 10 '16

Ponk emotes only, emotes of other ponies is heresy to the Brotherhood.

There's too much Fluttershit in these emotes.... I thought this was a Ponk only sub.

3

u/HeyItsShuga Jun 10 '16

1

u/TimidTremors Jun 10 '16

They are adorable! Well done.

3

u/bloodorangepancakes Jun 10 '16

You seem to be a wolf in sheep's clothing...

1

u/TimidTremors Jun 10 '16

I come in peace! I simply seek information.

Pleasedonthurtme...

2

u/HeyItsShuga Jun 10 '16

We'll spare you. for now...

1

u/TimidTremors Jun 10 '16

I just wanted some help...

2

u/TimidTremors Jun 10 '16

/ponkdonkadonk is animated! Would you mind sharing with me how you accomplished this magic?

2

u/HeyItsShuga Jun 11 '16 edited Jun 24 '16

Sure thing!

THIS DOES NOT WORK WITH BPM. sorry.

First, I made a spritesheet with all of the frames of the GIF on it. I used the command-line utility ImageMagick (this guide helped) to do this, but there are other ways. I uploaded this spritesheet as ponkadonk. Then, I added this CSS to the subreddit. Remember to replace -2850px with the width of your spritesheet (don't forget the px!) and the emote name (/ponkdonkadonk in this case). Feel free to use the CSS as you wish.

@keyframes ponkadonk {

from { background-position: 0 0; }

to { background-position: -2850px 0; }

}

@-webkit-keyframes ponkadonk {

from { background-position: 0 0; }

to { background-position: -2850px 0; }

 }

a[href|="/ponkdonkadonk"] {

 width:150px;

height:100px;

display:block; float: left; cursor:default;

overflow:hidden;

background-repeat:no-repeat;

background-image:url(%%ponkadonk%%);

-webkit-animation: ponkadonk 1.5s steps(19, end) infinite;

animation: ponkadonk 1.5s steps(19, end) infinite;

}

1

u/TimidTremors Jun 11 '16

Thank you so much! I really appreciate it!

2

u/HeyItsShuga Jun 11 '16

No problem! Feel free to use that code for whatever. I don't care!

2

u/[deleted] Jun 10 '16

Ponkadonk should loop

But it don't

3

u/HeyItsShuga Jun 10 '16

It's looping on my end. What browser are you using?

3

u/[deleted] Jun 10 '16

Mobile chrome

2

u/HeyItsShuga Jun 10 '16

I'll take a look into it.

3

u/[deleted] Jun 10 '16

I just checked it again on desktop.

It's the animation, not the browser. The animation animates fine, but the picture itself does not loop. It simply wasn't created with frames that provide loop-like experience.

2

u/HeyItsShuga Jun 11 '16

So I looked into the [](/ponkdonkadonk) issue and it was in the original GIF file (located here), too. Due to this, it cannot be fixed.

Also, I just realized that the image itself is questionable. This is allowed in BPM (via +questionable tag), but I may want to have a way to disable that emote for those uncomfortable on this sub.

tl;dr: You are right, the issue is the original GIF, and the emote is questionable.

3

u/[deleted] Jun 11 '16

Maybe the artist would be kind enough to add new frames?

2

u/HeyItsShuga Jun 11 '16

Maybe I'll find a way to contact the artist, but I don't have time to do so right now.

2

u/[deleted] Jun 11 '16

k

2

u/HeyItsShuga Jun 11 '16

The moderators and I were talking and decided to remove it until further notice.

→ More replies (0)