Use of emoji

[pmcp]

It would be fun to use this with emoji's, but i can't seem to get it to work. I tried it in a codepen, but it regulary shows the replacement character � instead of the emoji. Any idea why?

http://codepen.io/martyLauders/pen/VjgAyA

[camwiegert]

This a good question, and one that I hope to address clearly in the documentation soon. This blog post has a good explanation of the problem.

The solution, at the moment, is to use surrogate pairs for unicode characters that fall outside of the range expressable in javascript. I forked your pen here. This tool can help you calculate the surrogate pairs for emoji.

let b = baffle('.headline', {
    characters: [
      '\uD83D\uDE00',
      '\uD83D\uDE09',
      '\uD83D\uDE0D',
      '\uD83D\uDE05'
    ],
    speed: 100
});