npm i
- open a sticker pack on messenger
- if the stickers are animated, hover over all the stickers so that the animated version will be loaded
- run in console (urls will be copied to clipboard)
stickers = Array.from(document.querySelectorAll('.uiGrid._51mz._5f0n ._5r8i'))
copy(stickers.map(el => el.style.backgroundImage).map(s => s.substring(5, s.length - 2)))
- paste the urls into
data.js
- also set
stickerPackName
(what you want to name the images) andisGif
- run
node step1.js
if your sticker pack is not animated: YAY you're done... time to rename
if your sticker pack is animated:
- rename each sticker sheet to
name.row.col.skipLast
(for example:bounce.3.4.2.png
)name
: the name you want the output gif to berow
andcols
: number of rows columns in the spritesheetskipLast
: the number of blank frames at the end to be skipped
- run
node step2.js