Skip to content

Instantly share code, notes, and snippets.

@cowboy

cowboy/#bf4-emblem-import-export.md

Last active April 29, 2025 16:39
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save cowboy/6815966 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save cowboy/6815966 to your computer and use it in GitHub Desktop.
Download ZIP
JavaScript: BF4 Battlelog Emblem Import / Export
Raw
#instructions.md

(Note: only tested in Chrome on Windows)

Exporting an emblem

  1. Log into BF4 Battlelog.
  2. Visit the Customize emblem page.
  3. Select the emblem you wish to export.
  4. Open the console (Ctrl-Shift-J).
  5. Enter the following code snippet to copy the raw emblem data to the clipboard.
copy('emblem.emblem.load('+JSON.stringify(JSON.parse(S.globalContext.emblem.jsonShapeData),null,2)+')')
  1. Paste somewhere useful, like a gist or gist comment. Whatever.
  2. Close the console (Ctrl-Shift-J).

Importing an emblem

  1. Log into BF4 Battlelog.
  2. Visit the Customize emblem page.
  3. Click the big "+ ADD" button.
  4. Open the console (Ctrl-Shift-J).
  5. Paste the contents of a previously-exported emblem into the console.
  6. Click the "SAVE & USE" button in the top right.
  7. Close the console (Ctrl-Shift-J).
Raw
bloops-heart.js
emblem.emblem.load({
"objects": [
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 165.543680176,
"height": 278.1690107426,
"width": 312.4967822755,
"asset": "Heart",
"selectable": false,
"left": 159.2483911378,
"fill": "#92278F"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 168.3029338849,
"height": 255.2425062537,
"width": 286.7410057335,
"asset": "Heart",
"selectable": false,
"left": 159.3705028668,
"fill": "#EC008C"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 116.7378075704,
"height": 62.8910840779,
"width": 44.7426825594,
"asset": "Number3",
"selectable": true,
"left": 53.7997787797,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 117.2065525495,
"height": 62.4131050989,
"width": 15,
"asset": "Stroke",
"selectable": true,
"left": 38.5,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 118.1956914895,
"height": 58.090248718,
"width": 11.6180497436,
"asset": "Stroke",
"selectable": true,
"left": 88.086477813,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 139,
"height": 16,
"width": 24,
"asset": "Square",
"selectable": true,
"left": 95,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 115.7268870895,
"height": 50.2607051637,
"width": 37.1926076918,
"asset": "Number0",
"selectable": true,
"left": 130.5966163458,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 115.2816752288,
"height": 48.8822488185,
"width": 36.1725586117,
"asset": "Number0",
"selectable": true,
"left": 174.0865918058,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": true,
"flipY": false,
"top": 117.2793064167,
"height": 60.124158896,
"width": 42.7719508626,
"asset": "Number9",
"selectable": true,
"left": 220.8162879313,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 146.2528934958,
"height": 36.5057869916,
"width": 32.8224373822,
"asset": "Square",
"selectable": true,
"left": 228.4112186911,
"fill": "#EC008C"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 117.8950486535,
"height": 60.4764193624,
"width": 43.0236806897,
"asset": "Number6",
"selectable": true,
"left": 270.0970992261,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 130,
"height": 14,
"width": 28.4924684457,
"asset": "Square",
"selectable": true,
"left": 262.7537657771,
"fill": "#EC008C"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 202.5043865558,
"height": 81.4291394861,
"width": 104.8381988008,
"asset": "Skull2",
"selectable": true,
"left": 159.4190994004,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 193.4250030518,
"height": 19.1499938965,
"width": 37,
"asset": "Square",
"selectable": true,
"left": 158.5,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 195.8819062968,
"height": 14.5511751994,
"width": 14.5730799378,
"asset": "Heart",
"selectable": true,
"left": 149.2865399689,
"fill": "#EC008C"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 195.8078909016,
"height": 14.0565417683,
"width": 15.7912057162,
"asset": "Heart",
"selectable": true,
"left": 168.2029187301,
"fill": "#EC008C"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 115.6083374023,
"height": 34.7833251953,
"width": 19.9916207012,
"asset": "Square",
"selectable": true,
"left": 129.9958103506,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 114.6083374023,
"height": 34.7833251953,
"width": 25,
"asset": "Square",
"selectable": true,
"left": 177.5,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 117.0095824637,
"height": 20.200790904,
"width": 22.6936930899,
"asset": "Heart",
"selectable": true,
"left": 130.346846545,
"fill": "#EC008C"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 116.1911566625,
"height": 19.7890329178,
"width": 22.2311216287,
"asset": "Heart",
"selectable": true,
"left": 174.1155608144,
"fill": "#EC008C"
}
]
})
@kurtextrem
Copy link
Copy Markdown

kurtextrem commented Oct 6, 2013

Really nice, thanks!

@Sliver-Spy
Copy link
Copy Markdown

Sliver-Spy commented Oct 9, 2013

Ben I have tried everything but it keep saying "undifined"

@riovv
Copy link
Copy Markdown

riovv commented Oct 14, 2013

It should. The console command "copy" itself exports it to your clipboard (no return value, hence undefined). Just paste in any text area after you have ran the command.

@judbd
Copy link
Copy Markdown

judbd commented Nov 4, 2013

I forked it, the correct command for copy is now

$('body').html('<pre style="color:#000;">emblem.emblem.load('+JSON.stringify(emblem.emblem.data,null,2)+');</pre>');

@steelx
Copy link
Copy Markdown

steelx commented Nov 9, 2013

@cowboy thanks man. Could you please help me with getting BF4 Battlelog JSON or any API to get stats ?
Im looking to get my teams BF4 stats for my website www.aajamarwale.com

@SeriousM
Copy link
Copy Markdown

SeriousM commented Nov 14, 2013

Could you please help me with getting BF4 Battlelog JSON or any API to get stats ?
Im looking to get my teams BF4 stats for my website www.aajamarwale.com

Here you go: http://bf4stats.com/

@gzlock
Copy link
Copy Markdown

gzlock commented Nov 15, 2013

How use this json data generated as picture(jpg format)?

@angelpcadena
Copy link
Copy Markdown

angelpcadena commented Dec 3, 2013

When viewing your soldier profile, click ON the emblem (not customize) it should open on a popup, right click, save as.

@pelox73
Copy link
Copy Markdown

pelox73 commented Dec 3, 2013

Hello
load emblem and error

emblem error not unlocked shapes

please help

@Spietzack
Copy link
Copy Markdown

Spietzack commented Dec 6, 2013

Hello! I would like to delete one of my emblems from http://emblemsbf.com. I can't fins a way to do it anywhere on the webpage. Also Can I change my log in info or username so it's not my facebook name? I would like to change it to my gaming name.

@smoggy46
Copy link
Copy Markdown

smoggy46 commented Apr 8, 2014

Hiya, ive found an emblem i like, i copy and paste but at the console, i cant paste as there is no option for this?

@marcinkubica
Copy link
Copy Markdown

marcinkubica commented Jul 26, 2014

Hi
How about gif/jpg/pcm->emblem? Get your image battlelog emblems generated in no time. Aye 8-1

@MADARAAAA1337
Copy link
Copy Markdown

MADARAAAA1337 commented Aug 5, 2014

http://i.imgur.com/xqOiCSj.gif

@nchapa96
Copy link
Copy Markdown

nchapa96 commented Mar 3, 2017

need to convert a personal emblem into a code.. does any 1 know how to do it? and how much $, or if u can give me webpage.. THKS..

@NoxaZerrok
Copy link
Copy Markdown

NoxaZerrok commented Mar 22, 2017

:b i saw your deadpool emblem and i am looking for someone who could /want create a logo/ avator for my twitch site i plan to start in 1weeks
and your name will be in the credits ^^ are you interested ? noxazerrok4thewin@googlemail.com

@c221964
Copy link
Copy Markdown

c221964 commented Aug 14, 2018

Olá, gostaria de saber como importar na Batlelog um emblema pessoal meu. Podem me ajudar?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment