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 4. Go to File —> New —> Target 5. The window below will appear. Select Sticker Pack Extension 6. Write a Project Name. But be cautious as this name determines the Bundle ID of the Stickers. 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” 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. 9. Click on iMessage App Icon and drag n drop all the icons you’ve already made to the appropriate slots. Then click on Sticker Pack, select all your sticker pictures and drag and drop them to the big space on the right 10. Run the app to test! Thank you for reading!
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.
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
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?
@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.