The solution offers you a multitude of elements to configure and customize each new operation that you want to deploy. This article presents the graphic constraints for each application that must be observed in order to obtain the best possible rendering on the games that you customize.
Regarding the size of your game in general, the solution offers you freedom of configuration on the height and width of your pages. However, it will be imperative to respect the following conditions:
Desktop version: height and width according to your specifications. However, we recommend a minimum width and height of 640px. Top tip: we recommend creating this version with a 1024px width to be most suitably adapted to tablet and desktop play.
Mobile version: Kimple will impose a minimum width of 320px. The height of your page will depend primarily on your entry form as well as the elements that make up the rest of your pages. Generally, we set the height of the mobile pages on a basis of 1000px. Top tip: design the page at 200%, so 640px width and double the height (e.g. 1000px becomes 2000px); this will give you a higher resolution render as Kimple resizes it to 320px width for display on mobile devices.
Facebook version (optional): as of 10/17/2016, the width of your game is imposed at 810px. We recommend a minimum height of 810px to provide an optimal game format for the integration of the game on Facebook. N.B. this version is only necessary if you are creating an application version of the game to be played within the environment of your official Facebook page, otherwise it is unecessary to create this version. You must create all three versions (desktop & mobile as well) if you create a Facebook app version. Top tip: if you need to create this version, to save time, use the same 810px width version for your desktop version.
All the button elements should be adapted according to your corporate identity and style guide as well as the page backgrounds. You are free to specify a fixed size for each button.
So that your button adapts equally well on the 3 versions (desktop, mobile and Facebook versions), we recommend that you use the following format: 200x50 px
Below we detail the different graphic constraints to be respected for each application requiring a specific design components:
Winning calendar
- the image of the default box: 100px x 100px
- the image of the "won" box: 100px x 100px
- the image of the "lost" box: 100px x 100px
- the image of the box of the day: 100px x 100px
- the image of boxes 1 to 24: 100px x 100px
Scratch
You can configure the scratch area: 25% or 50% or 80% of the image to be scratched. Variable size.
Recommended:
- the image to be scratched: 400px x 400px
- the "won" image: 400px x 400px
- the "lost" image: 400px x 400px
Jackpot
- the image of the trigger button: free. Recommended: 200px x50px
- the image of the winning combination: 195px x 150px
- the image of the losing combination X4: 195px x 150px
Wheel of fortune
- the image of the wheel: free. Recommended: 500px x 500px (a .psd template is available and downloadable in the tool to graphically customize your wheel)
- selection slider image: 163px x 115px
15 (sliding) puzzle
You can configure the difficulty level of the game: easy, medium and hard.
- the image of the background of the puzzle: 500px x 500px
- the generic image of the puzzle: 500px x 500px
- the image of the second puzzle (if you wish to alternate your model): 500px x 500px
Memory
- the game background image: 500px x 500px
- the image of cards 1 to 8: 90px x 90px
- the image of the default card: 90px x 90px
Cut Cut
You can configure the difficulty level of the game: easy, medium and hard
- the image of the game background: 700px x 550px
- the image of the objects to avoid: 80px x 80px
- the image of the slowdown bonus: 80px x 80px
- the image of the special bonus (object multiplier): 80px x 80px
- the image of objects from 1 to 6 to cut: 80px x 80px
In order to optimize the display of the game in mobile version, we recommend that you customize game elements respecting the following graphics settings:
- the game background image: 320px x 200px
- the image of the objects to avoid: 20px x 20px
- the image of the slowing bonus: 20px x 20px
- the image of the special bonus (object multiplier): 20px x 20px
- the image of objects 1 to 6 to cut: 20px x 20px
Match 3
- the game background image: 600px x 600px
- the image of game items 1 to 5: 150px x 150px
- the image of the bonus items 1 to 5: 150px x 150px
- the image of the special bonus: 150px x 150px
- the background image of the game pieces: 200px x 200px
- the help image for the selection of the pieces: 100px x 100px
- the image of the combination effect: 50px x 50px
Brick breaker
- the game background image: 640px x 1024px
- the foreground image: 640px x 1024px
- the image of the brick 1 to 8: 200px x 100px
- the image of the paddle: 240px x 90px
- the image of the ball: 32px x 32px
2048
- the game background image: 500px x 500px
- the background image of the boxes: 99px x 99px
- the image of boxes 2 to 2048: 99px x 99px
Differences game
- the game background image: free. Recommended: 600px x 400px You will be able to position directly on the model, the areas of differences to be revealed.
Puzzle
You can select the number of pieces of your puzzle: 9, 16, 25, 36, 49 or 64.
- the puzzle image: 500px x 500px
- the background image of the placement area: 500px x 500px
Whack a mole
You can configure the level of the game: easy, medium and hard. You can also choose the number of holes: 4, 6 or 9.
- the game background image: 600px x 600px
- the image of the mole: 50px x 100px
- the image of the crushed mole: 50px x 100px
- the image of the enemy object: 50px x 100px
- the image of the crushed enemy object: 50px x 100px
- the image of the hole: 200px x 200px
- the animation image of the crushed mole: 50px x 50px
- the image of the hammer: 50px x 50px
- the image of the hammer at the bottom: 50px x 50px
Jump Jump
You can choose the number of platforms per line: 8, 15, 30 or 45.
- the game background image: 500px x 500px
- the image of the player or game character: 50px x 50px
- the image of the static platform: 70px x 20px
- the image of the moving platform: 70px x 20px
- the image of the breakable platform: 70px x 20px
- the image of the disappearing platform: 70px x 20px
- the image of the spring bonus: 35px x 35px
- the image of the open spring bonus: 35px x 35px
- the background clouds image: 150px x 150px
Basket game
You can configure the level of the game: easy, medium and hard. You can also specify the number of bumpers for each row.
- the game background image: 500px x 500px
- the basket image: 50px x 50px
- the image of the bumpers: 20px x 20px
- the image of the object to avoid: 50px x 50px
- image of falling objects: 50px x 50px
Flap Flap
You can configure the level of the game: easy, medium and hard.
- the game background image: 450px x 600px
- the image of the bird: 30px x 30px
- the image of the decoration on the ground: 130px x 40px
- the image of the pipes / obstacles: 90px x 500px
Fast Cup
- wallpaper image: 700x510 px
- the image of cup 1: 300x300 px
- the image of cup 2: 300x300 px
- the image of cup 3: 300x300 px
- the image of the object to find: 50x50 px
Shootout
- Background image: 800x600px
- Image of supporters: 800x100px
- Ball image: 60x60px
- Image of the striker before shooting: 200x320px
- Image of the striker in action: 200x320px
- Image of the goalkeeper waiting: 100x160px
- Image of the goalkeeper while diving: 100x160px
- Defender image: 200x320px
Space smash
- Background image: 640x480px
- Image of the ship: 32x32px
- Image of the vessel when moving left: 32x32px
- Image of the vessel when moving right: 32x32px
- Ship explosion image (optional): 32x32px
- Image of the ship's missile: 32x32px
- Image of enemy explosion (optional): 32x32px
- Image of enemy missile (optional): 32x32px
- Enemy image 1-3: 32x32px
- Animation image of enemy 1-3: 32x32px
- Image of the bonus "Increased firing frequency": 32x32px
- Animation image of the bonus "Increased firing rate": 32x32px
- Image of the bonus "Movement of enemies slowed down": 32x32px
- Animation image of the bonus "Movement of enemies slowed down": 32x32px
- Image of the bonus "Enemy fire rate slowed down": 32x32px
- Animation image of the bonus "Enemy fire rate slowed down": 32x32px
- Image of the bonus "Slow firing rate": 32x32px
- Animation image of the bonus "Slow firing rate": 32x32px
- Image of the bonus "Movement of enemies accelerated": 32x32px
- Animation image of the bonus "Movement of enemies accelerated": 32x32px
- Image of the bonus "Enemy fire rate accelerated": 32x32px
- Animation image of the bonus "Accelerated enemy fire rate": 32x32px
- Wall image: 64 x 32px
Card Flip
Free placement.
Unlimited number of cards (within reason!).
Card size: free, but it must be the same for the back, the card won, the card lost and the prize reveal cards.
- Back of the card
- Lost card
- Generic win card
- Win card displaying prize won (optional)
Free resizing on mobile.
Hidden object
Free placement
Unlimited number of cards (within reason!).
Playing area: 800x600px without baseline section containing objects to be found; 800x710px with the baseline section.
Ensure there's adequate space for the score and the timer modules.
- Game background 800x600px
- Image of the background of the object section (optional) it contains 5 objects 800x110px
- Image of objects to find (in the baseline section) 100x100px
- Found object marker 40x40px
- Missed click marker 40x40px
If type of penalty = Life:
- 30x30px image of life
- 30x30px loss of life image
Automatic resizing on mobile
Size of playing area: 320x285px with baseline section; 320x240px without the baseline section.
Piñata
- Game area: 800x600px
- Game background 800x600px
- Chain links 8x12px
- Image of object intact 200x200px
- Image of the object slightly damaged 200x200px
- Image of damaged object 200x200px
-Image of very damaged object 200x200px
- 3 particle images 25x25px
- Generic won image200x200px
- Generic lost image 200x200px
- Tool image 50x50px
- Tool image activated 50x50px
Automatic resizing on mobile
Mobile optimized background: 320x480px (optional)
Winning dice
Free placement.
Free die size.
All faces must be the same size.
Prizes can be displayed on the faces
-Image of face 1 of the die
-Image of face 2 of the die
-Image of face 3 of the die
-Image of face 4 of the die
-Image of face 5 of the die
-Image of face 6 of the die
The size of the die may be different on mobile.