Dans le jeu de l'objet caché, les utilisateurs doivent dénicher un objet caché dans un décor. À l'aide d'une image personnalisée et notre format de quiz, vous pouvez créer votre propre jeu de l'objet caché à publier et partager en ligne. Ce jeu peut contribuer à la notoriété de votre marque et augmenter la reconnaissance d'un produit !
De quel type d'image aurai-je besoin pour créer un jeu de l'objet caché ?
- L'image principale avec l'objet caché.
- Une image de viralité à partager sur les réseaux sociaux (facultatif).
L'image principale du jeu devra être retouchée et divisée en plus petits morceaux de taille identique avant d'être chargée sur la plateforme. Pour ce faire, vous pouvez utiliser Photoshop ou IMG online.
Dans cet exemple, l'image principale a été divisée en 16 blocs de taille égale :
La taille globale de l'image d'origine (hauteur et largeur) doit être facilement divisible par le nombre de colonnes et de lignes que vous voulez obtenir. En d'autres termes, vous devez pouvoir calculer facilement le nombre exact de pixels que les morceaux d'image auront ensuite. Si vous devez jouer avec des demi-pixels, nous vous suggérons de redimensionner l'image originale de manière à ce que tous les blocs aient la même taille. Cela permettra de garantir l'affichage correct de l'image retouchée par la suite.
Créer le jeu de l'objet caché
Commencez par créer un quiz classique ou un chrono quiz :
Dans l'étape Questions, vous pouvez configurer vos paramètres comme suit :
- Sélectionnez le type de question Images cliquables :
- Saisissez votre question en expliquant ce qu'est l'objet caché afin que le ou la participant(e) sache ce qu'il ou elle cherche.
- Chargez les blocs de votre image comme réponses. Commencez par celle en haut à gauche, puis continuez horizontalement vers la droite, et ensuite verticalement vers le bas jusqu'à ce que toutes les images soient chargées. Le nombre de réponses possibles devrait être égal au nombre de blocs qui composent votre image (dans l'exemple ci-dessus, 16).
- Indiquez la bonne réponse en cliquant sur Bonne réponse à côté de la zone concernée et attribuez-lui un certain nombre de points :
- Chaque réponse doit avoir un label (légende "image 07" dans l'image ci-dessous), à des fins de statistiques. Toutefois, vous devez cacher ces labels dans le jeu :
- Choisissez une option d'alignement. Vos réponses doivent être alignées en fonction d'un nombre de colonnes par lequel votre nombre de blocs d'images est divisible. Dans l'exemple de 16 blocs d'images, ceux-ci peuvent être alignés sur quatre colonnes.
Remarque : le nombre optimal de colonnes pour les appareils mobiles est de trois ou quatre.
- Dans l'étape Paramètres, vous pouvez décider si les utilisateurs peuvent jouer plus d'une fois :
Supprimer les marges de l'image (CSS)
À l'étape Apparence de votre campagne, vous pouvez insérer ce petit bout de code dans les Code personnalisé & tags > onglet CSS :
.answerPic.col_2 {width: 50% !important;}.answerPic.col_3 {width: 33% !important;}.answerPic.col_4 {width: 25% !important;}.answerPic.col_5 {width: 20% !important;}.answerPic {display: block; float: left !important;}.answerPic img {border-width: 0px; border-radius: 0px;}.questionset .custom figure {padding: 0;}.answerPic img {border-radius: 0px !important;-moz-border-radius: 0px !important;-webkit-border-radius: 0px !important;max-width: 100% !important;}.questionset .answerPic img:hover{transform: none;-webkit-transform: none;-moz-transform: none;}div.answerPic figure {padding: 0px;}.answerPic img {width: 100%; border-radius: 0px !important;-moz-border-radius: 0px !important;-webkit-border-radius: 0px !important;}div.answerPic img:hover {animation: none;-webkit-animation: none;-moz-animation: none;-o-animation: none;-ms-animation: none;position: relative;z-index: 1;box-shadow: 0 0 5px rgba(0,0,0,0.5);}.answerPic {z-index: auto;}
Ce code supprimera l'espace entre les blocs d'image, rendant la coupure invisible à l'œil nu.
Remarque : ce code n'est applicable que si vous disposez de 2 à 4 colonnes.
Dernier conseil : une campagne d'objets cachés peut contenir plusieurs jeux, chaque question affichant une scène avec un objet caché. Profitez-en pour créer une narration (par exemple, une chasse au trésor, une course autour du monde, etc.) qui incitera le participant à terminer la campagne.