La solution vous offre une multitudes d'éléments pour configurer et personnaliser chaque nouvelle opération que vous allez déployer. Cet article vous présente pour chaque application les contraintes graphiques à impérativement respecter pour obtenir le meilleur rendu possible sur les jeux que vous personnaliserez.
Concernant la taille de votre jeu en général, la solution vous offre une liberté de configuration sur la hauteur et la largeur de vos pages. Cependant il sera impératif de respecter les conditions suivantes :
Version web : hauteur et largeur selon vos spécifications. Nous recommandons néanmoins une largeur et une hauteur minimales de 640 px.
Version Facebook : à compter du 17/10/2016, la largeur de votre jeu est imposée à 810px. Nous recommandons une hauteur minimale de 810px pour offrir un format de jeu optimal au niveau de l'intégration du jeu sur Facebook.
Version mobile : Kimple vous recommande une largeur minimum de 320px. La largeur de vos pages dépendra de la taille de l'écran. Quant à la hauteur de vos pages, elle dépendra avant tout de votre formulaire de participation ainsi que des éléments qui composent le reste de vos pages. Généralement, nous orientons la hauteur des pages mobiles sur une base de 1000px.
Vous pouvez créer des fond mobiles HD. Pour cela il faut passer la largeur en 640px et doubler toutes les tailles des autres éléments deux fois pour garder e
Tous les éléments de boutons devront être adaptés par vos soins selon la charte de votre marque ainsi que la zone de travail sur laquelle vous allez appliquer vos fonds d'écrans. Libre à vous de spécifier une taille fixe pour chaque bouton.
Pour que votre bouton s'adapte aussi bien sur les 3 version web, Facebook et mobile, nous vous recommandons d'utiliser le format suivant : 200x50 px
Nous détaillons ci-dessous les différentes contraintes graphiques à respecter pour chaque application nécessitants un design obligatoire :
Calendrier gagnant
- l'image de la case par défaut : 100px x 100px
- l'image de la case "gagné" : 100px x 100px
- l'image de la case "perdu" : 100px x 100px
- l'image de la case du jour : 100px x 100px
- l'image des cases 1 à 24 : 100px x 100px
Scratch
Vous pouvez configurer la zone de grattage : 25% ou 50% ou 80% de l'image à gratter.
Taille variable.
Recommandé :
- l'image à gratter : 400px x 400px
- l'image "gagné" : 400px x 400px
- l'image "perdu" : 400px x 400px
Jackpot
- l'image du bouton déclencheur : libre. Conseillé : 200px x50px
- l'image de la combinaison gagnante : 195px x 150px
- l'image de la combinaison perdante X4 : 195px x 150px
Roue de la chance
- l'image de la roue : libre. Conseillé : 500px x 500px (un modèle .psd est disponible et téléchargeable dans l'outil pour personnaliser graphiquement votre roue)
- l'image du curseur de sélection : 163px x 115px
Taquin
Vous pouvez configurer le niveau du jeu : facile, moyen et difficile.
- l'image du fond du puzzle : 500px x 500px
- l'image générique du puzzle : 500px x 500px
- l'image du second puzzle (si vous souhaitez alterner votre modèle) : 500px x 500px
Memory
- l'image du fond de jeu : 500px x 500px
- l'image des cartes 1 à 8 : 90px x 90px
- l'image de la carte par défaut : 90px x 90px
Cut Cut
Vous pouvez configurer le niveau du jeu : facile, moyen et difficile.
- l'image du fond de jeu : 700px x 550px
- l'image des objets à éviter : 80px x 80px
- l'image du bonus de ralentissement : 80px x 80px
- l'image du bonus spécial (multiplicateur d'objets) : 80px x 80px
- l'image des objets de 1 à 6 à couper : 80px x 80px
Afin d'optimiser l'affichage du jeu en version mobile, nous vous recommandons de personnaliser les éléments du jeu en respectant les paramètres graphiques suivants :
- l'image du fond de jeu : 320px x 200px
- l'image des objets à éviter : 20px x 20px
- l'image du bonus de ralentissement : 20px x 20px
- l'image du bonus spécial (multiplicateur d'objets) : 20px x 20px
- l'image des objets de 1 à 6 à couper : 20px x 20px
Match 3
- l'image du fond de jeu : 600px x 600px
- l'image de la pièce 1 à 5 : 150px x 150px
- l'image du bonus 1 à 5 : 150px x 150px
- l'image du bonus spécial : 150px x 150px
- l'image de fond des pièces du jeu : 200px x 200px
- l'image d'aide à la sélection des pièces : 100px x 100px
- l'image de l'effet de combinaison : 50px x 50px
Casse brique
- l'image du fond de jeu : 640px x 1024px
- l'image de votre premier plan : 640px x 1024px
- l'image de la brique 1 à 8 : 200px x 100px
- l'image du paddle : 240px x 90px
- l'image de la balle : 32px x 32px
2048
- l'image du fond de jeu : 500px x 500px
- l'image de fond des cases : 99px x 99px
- l'image des cases 2 à 2048 : 99px x 99px
Jeu des différences
- l'image du fond de jeu : 800px x 600px
- Marqueur d'objet trouvé : 40px x 40px
- Marqueur de clic raté : 40px x 40px
Vous pourrez ainsi positionner directement sur le modèle, les zones de différences à révéler.
Puzzle
Vous pouvez sélectionner le nombre de pièces de votre puzzle : 9, 16, 25, 36, 49 ou 64.
- l'image du puzzle : 500px x 500px
- l'image du fond de la zone de placement : 500px x 500px
- Flèche gauche du slider : 60px x 60 px
- Flèche droite du slider : 60px x 60px
Tape Taupe
Vous pouvez configurer le niveau du jeu : facile, moyen et difficile. Vous pouvez également choisir le nombre de trous : 4, 6 ou 9.
- l'image du fond de jeu : 600px x 600px
- l'image de la taupe : 50px x 100px
- l'image de la taupe écrasée : 50px x 100px
- l'image de l'objet ennemi : 50px x 100px
- l'image de l'objet ennemi écrasé : 50px x 100px
- l'image du trou : 200px x 200px
- l'image d'animation de la taupe écrasée : 50px x 50px
- l'image du marteau : 50px x 50px
- l'image du marteau en bas : 50px x 50px
Jump Jump
Vous pouvez choisir le nombre de plateformes par ligne : 8, 15, 30 ou 45.
- l'image du fond de jeu : 500px x 500px
- l'image du joueur ou personnage de jeu : 50px x 50px
- l'image de la plateforme statique : 70px x 20px
- l'image de la plateforme mouvante : 70px x 20px
- l'image de la plateforme cassable : 70px x 20px
- l'image de la plateforme disparaissante : 70px x 20px
- l'image du bonus de ressort : 35px x 35px
- l'image du bonus de ressort ouvert : 35px x 35px
- l'image des nuages de fond : 150px x 150px
Panier
Vous pouvez configurer le niveau du jeu : facile, moyen et difficile. Vous pouvez également spécifier le nombre de bumpers pour chaque ligne.
- l'image du fond de jeu : 500px x 500px
- l'image du panier : 50px x 50px
- l'image des bumpers : 20px x 20px
- l'image de l'objet à éviter : 50px x 50px
- l'image des objets qui tombent : 50px x 50px
Flap Flap
Vous pouvez configurer le niveau du jeu : facile, moyen et difficile.
- l'image du fond de jeu : 450px x 600px
- l'image de l'oiseau : 30px x 30px
- l'image des tuyaux haut et bas : 70px x 500px
Fast Cup
-l'image du fond d'écran : 700x510 px
-l'image du gobelet 1 : 300x300 px
-l'image du gobelet 2 : 300x300 px
-l'image du gobelet 3 : 300x300 px
-l'image de l'objet à trouver : 50x50 px
Tir au but
-Image de fond du terrain : 800x600px
-Image des supporters : 800x100px
-Image de la balle : 60x60px
-Image du joueur en attente : 200x320px
-Image du joueur en action : 200x320px
-Image du gardien en attente : 100x160px
-Image du gardien en plongeant : 100x160px
-Image de l'adversaire : 200x320px
Space Smash
-Image de fond : 640x480px
-Image du vaisseau : 32x32px
-Image du vaisseau au déplacement gauche : 32x32px
-Image du vaisseau au déplacement droit : 32x32px
-Image d'explosion du vaisseau (optionnelle) : 322x32px
-Image du missile du vaisseau : 32x32px
-Image d'explosion des ennemis (optionnelle) : 32x32px
-image du missile ennemi (optionnelle) : 32x32px
-Image de l'ennemi 1 : 32x32px
-Image d'animation de l'ennemi 1 : 32x32px
-Image de l'ennemi 2 : 32x32px
-Image d'animation de l'ennemi 2 : 32x32px
-Image de l'ennemi 3 : 32x32px
-Image d'animation de l'ennemi 3 : 32x32px
-Image du bonus "Fréquence de tir augmentée" : 32x32px
-Image d'animation du bonus "Fréquence de tir augmentée" : 32x32px
-Image du bonus "Déplacement des ennemis ralenti " : 32x32px
-Image d'animation du bonus "Déplacement des ennemis ralenti" : 32x32px
-Image du bonus "Fréquence de tir ennemi ralentie" : 32x32px
-Image d'animation du bonus "Fréquence de tir ennemi ralentie" : 32x32px
-Image du bonus "Fréquence de tir ralentie" : 32x32px
-Image d'animation du bonus "Fréquence de tir ralentie" : 32x32px
-Image du bonus "Déplacement des ennemis accéléré " : 32x32px
-Image d'animation du bonus "Déplacement des ennemis accéléré" : 32x32px
-Image du bonus "Fréquence de tir ennemi accélérée" : 32x32px
-Image d'animation du bonus "Fréquence de tir ennemi accélérée" : 32x32px
-Image du mur : 64 x 32px
Card Flip
Placement libre
Nombre de carte libre
Taille des cartes : libre mais elle doit être la même pour le dos, la carte gagné, la carte perdu ou les cartes dotations.
-Dos de la carte
-Carte perdue
-Carte gagné générique
-Carte gagné avec les dotations a l'intérieur (optionnel)
Redimensionnement libre sur mobile.
Objet caché
Placement libre
Nombre d'objets libre
Zone de jeu : 800x600px sans la bande
800x710px avec la bande.
Prévoir l'emplacement pour le score et le timer.
- Fond du jeu 800x600px
- Image du fond de la bande d'objet (optionnel) elle contient 5 objets 800x110px
- Image des objets à trouver (dans la bande) 100x100px
- Marqueur de l'objet trouvé 40x40px
- Marqueur du clic raté 40x40px
Si type de malus = Vie :
-Image de la vie 30x30px
-Image de la perte de vie 30x30px
Redimensionnement automatique sur mobile
Taille de la zone de jeu : 320x285px avec la bande
320x240px sans la bande
Piñata
-Zone de jeu : 800x600px
-Fond du jeu 800x600px
-Chainon de la ficelle 8x12px
-Image de l'objet intact 200x200px
-Image de l'objet peu endommagé 200x200px
-Image de l'objet endommagé 200x200px
-Image de l'objet très endommagé 200x200px
-3 images de particule 25x25px
-Image générique "gagné" 200x200px
-Image générique perdu 200x200px
-Image de l'outil 50x50px
-Image de l'outil activé 50x50px
Redimensionnement automatique sur mobile
Fond optimisé mobile : 320x480px (optionnel)
Dé gagnant
Placement libre
Taille du dé libre
Toutes les faces doivent faire la même taille.
Les dotations peuvent être affichées sur les faces
-Image de la face 1 du dé
-Image de la face 2 du dé
-Image de la face 3 du dé
-Image de la face 4 du dé
-Image de la face 5 du dé
-Image de la face 6 du dé
La taille du dé peut être différente sur mobile