Imessage Sticker Integration Tutorial

Discussion in 'Buildbox General Discussion' started by Coyowl, Oct 7, 2016.

  1. Coyowl

    Coyowl Boxer

    Joined:
    Nov 23, 2015
    Messages:
    94
    Likes Received:
    56
    Hello guys!

    This is a simple tutorial on how to integrate iMessage Stickers in your existing iOS project.

    1. First of all you need to create iMessage App Icons. This is for the icon in the iMessage Sticker Store. You will find templates here: https://developer.apple.com/ios/human-interface-guidelines/resources/

    2. You need to create your stickers! Your images can be PNG (preferred), apng, gif, jpg and have max size of 500kb.

    3. Open “PTPlayer.xcodeproj” file. You will find it in: ProjectName/ios/PTPlayer.xcodeproj

    [​IMG]


    4. Go to File —> New —> Target

    [​IMG]

    5. The window below will appear. Select Sticker Pack Extension

    [​IMG]

    6. Write a Project Name. But be cautious as this name determines the Bundle ID of the Stickers.

    [​IMG]

    7. It will ask you if you want to activate “stickerProject” scheme. It wants to know if you want this to become your main project to test. Press activate for now. You can always change that at the top-left by clicking on PZPlayer > “SimulatorName”

    [​IMG]

    8. Go to Project navigator on the left expand PTPlayer and StickerName, in this case “test”. Click on Stickers.xcassets and a new nav bar will appear on the right.

    [​IMG]

    9. Click on iMessage App Icon and drag n drop all the icons you’ve already made to the appropriate slots.

    [​IMG]

    Then click on Sticker Pack, select all your sticker pictures and drag and drop them to the big space on the right

    [​IMG]

    10. Run the app to test! :)

    Thank you for reading! ;)
     
    Last edited: Oct 7, 2016
  2. Christoph

    Christoph Miniboss Boxer

    Joined:
    Oct 4, 2015
    Messages:
    2,807
    Likes Received:
    2,309
    Very cool. Thank you very much.
    Do the stickers appear automatically in the iMessage app or do you have to select (and download) them individually later on?
    I unfortunately still have no ios10 on my devices so I can't look it up with your game. :D
     
    Coyowl likes this.
  3. Coyowl

    Coyowl Boxer

    Joined:
    Nov 23, 2015
    Messages:
    94
    Likes Received:
    56
    They are downloaded automatically along with the game. That's why you put them in the same ios project ;)
    But you need to enable them once you're in the imessage store
     
    Christoph likes this.
  4. Christoph

    Christoph Miniboss Boxer

    Joined:
    Oct 4, 2015
    Messages:
    2,807
    Likes Received:
    2,309
    Is there somewhere a guide/template on how to design them so they look good on all devices? Do you deliver different sizes or is this done automatically as well? I saw that they can be scaled within imessage. Since they are PNG and not vector there must be something like that, right?
     
  5. spicedbeangames

    spicedbeangames Miniboss Boxer

    Joined:
    Mar 31, 2016
    Messages:
    1,389
    Likes Received:
    596
    Awesome! I was wondering about these today too.
     
    Coyowl likes this.
  6. Coyowl

    Coyowl Boxer

    Joined:
    Nov 23, 2015
    Messages:
    94
    Likes Received:
    56
    @spicedbeangames cheers ;)
    @Christoph I don't know tbh. I downloaded a sample from an article and saw their sizes. They were all different. I made a template of 500x500 and scaled it depending on the content of the image.
     
  7. playsgames6666

    playsgames6666 Miniboss Boxer

    Joined:
    Nov 13, 2015
    Messages:
    1,168
    Likes Received:
    745
    Thanks man thats great,
     
    Coyowl likes this.
  8. telerebor

    telerebor Avid Boxer

    Joined:
    Jan 12, 2016
    Messages:
    279
    Likes Received:
    145
    Thanks!!
     
    Coyowl likes this.
  9. JoeWilson

    JoeWilson Avid Boxer

    Joined:
    Oct 8, 2015
    Messages:
    171
    Likes Received:
    65
    Thanks for posting this, never realized it was this easy. Thanks
     
    Coyowl likes this.
  10. Christoph

    Christoph Miniboss Boxer

    Joined:
    Oct 4, 2015
    Messages:
    2,807
    Likes Received:
    2,309

Share This Page