8. Créer un monde 2D
Nous présentons un Monde 2D qui vous permet de créer des mondes plus rapidement et plus facilement.
Vous pouvez créer et lancer un monde rapidement et simplement, rien qu'avec vos propres images de fond et des connexions par portails.
Il suffit d'installer le package 2D World dans votre projet Build it Unity Plugin existant pour commencer !
Méthode d'application
Dans Unity Hub, sélectionnez le dossier du plugin Build it et cliquez sur le bouton Open.
📘 Note Si c'est votre première fois, veuillez suivre le 1. Installation1. Installation pour installer d'abord le plugin Build it Unity et vous familiariser avec les commandes de base.
Une fois le projet du plugin Build it ouvert, allez dans le menu supérieur ZEPETO > Buildit Plugin Package Manager > et sélectionnez 2D World.
Cliquez sur Import pour importer tous les composants.
Une fois l'étape 3 terminée, le dossier Assets > Zepeto 2D World a été créé.
Double-cliquez sur le fichier 2DWorldScene situé dans le dossier pour l'ouvrir.
Après vous être connecté à votre compte en haut, activez le serveur multijoueur (On) et appuyez sur le bouton Play pour tester votre monde 2D.
Fonctionnalités du Monde 2D
- Vous pouvez utiliser les fonctions modules de base du plugin Build it.
- Chat vocal, chat rapide, gestes, capture d'écran/enregistrement vidéo, garde-robe et musique de fond (BGM).
- Propose une fonction de conversion mode Paysage/Portrait.
- Possibilité de modifier l'écran de chargement.
- Possibilité de modifier l'arrière-plan de la carte.
- Ajoutez autant de cartes que vous le souhaitez et connectez-les avec des portails pour créer un espace créatif.
Il n'y a pas de limite au nombre de cartes, mais lors de la publication sur ZEPETO Studio, la taille du fichier de build doit être inférieure à 1 Go et respecter les indicateurs du guide d'optimisation.
- Possibilité de modifier la musique de fond.
- Comme il s'agit d'un monde 2D, l'ajout d'objets 3D n'est pas recommandé car cela peut paraître inadapté.
- L'objectif est de créer un monde rapidement et facilement via l'arrière-plan et les connexions de portails.
Créer un monde 2D
Configuration de base de 2DWorldScene
- Par défaut, un exemple incluant un écran de chargement et deux cartes connectées par portails est fourni.
- Pour faciliter votre travail, cliquez sur le menu 2D de la Scene dans l'éditeur Unity.
Écran de chargement
- En cochant l'activation de l'objet Managers > LoadingScreen dans l'Inspector, vous pouvez utiliser la fonction d'écran de chargement.
- Glissez l'image que vous souhaitez utiliser comme écran de chargement dans Assets, changez le Texture Type en Sprite (2D and UI), puis cliquez sur Apply.
Sélectionnez Managers > LoadingScreen > Image.
Faites glisser l'image de chargement que vous venez d'ajouter dans la propriété SourceImage de l'objet Image pour la modifier.
Sélectionnez Managers > LoadingScreen > Text(TMP).
Rédigez votre texte de chargement dans la section TextMeshPro-Text(UI). Si vous ne souhaitez pas de texte, vous pouvez laisser le champ vide.
Managers > LoadingScreen > Delay After Ready représente le temps (en secondes) pendant lequel l'écran de chargement reste affiché après la création du personnage ZEPETO. La valeur par défaut est 0.1.
Modifier la vitesse de déplacement du personnage
- Managers : permet de régler la vitesse de déplacement du personnage.
- Run Speed : règle la vitesse de course.
- Walk Speed : règle la vitesse de marche.
La fonction de saut n'est pas disponible dans le monde 2D.
Modifier la carte
Vous pouvez modifier l'image de fond, les portails, la zone de déplacement du personnage, la musique de fond et le titre de la carte.
Modifier l'image de fond
Sélectionnez l'objet ZEPETO2D_BG dans la Hierarchy.
- Sprite Renderer > Sprite : glissez l'image souhaitée pour changer le fond.
- Rebuild Borders2D : si vous avez changé l'image, vous devez cliquer sur ce bouton. Il générera un BoxCollider2d (zone de déplacement) adapté à la taille de l'image sur les bordures extérieures.
Déplacez le Border2D-Top avec l'outil Move pour le positionner à la limite du sol sur l'image.
Les autres Borders n'ont pas besoin d'être modifiés séparément.
La taille de la carte est générée selon la taille de l'image originale, mais vous pouvez l'ajuster en saisissant des valeurs de Scale dans le Transform.
Taille d'image originale recommandée : 3400×1530px Il s'agit de la taille pour un fond 2D avec défilement horizontal. Même si votre taille diffère de celle recommandée, cela ne pose pas de problème pour la création du monde.
Connecter les portails
Sélectionnez l'objet ZEPETO2D_BG dans la Hierarchy.
- Linked Portal Obj : lorsque le personnage entre dans la zone du Box Collider du portail, celui-ci s'active. En cliquant sur le bouton, le personnage est transporté vers la destination liée. Glissez le portail de destination pour l'ajouter.
- Interact Button Text : texte qui apparaîtra sur le bouton du portail. Si aucun portail n'est lié, le texte ne s'affichera pas.
- Show Map Title Toast : si coché, le titre de la carte (Map Title) s'affichera lors du passage du portail.
- Map Title : le texte du nom de la carte.
Vous pouvez créer des portails supplémentaires via ZEPETO2D_BG > Create Portal2D(Child).
Modifier la musique de fond (BGM)
Sélectionnez l'objet ZEPETO2D_BG > BGM dans la Hierarchy.
Faites glisser la musique de votre choix dans le BGM Audio Source pour la modifier. Vous pouvez configurer une musique différente pour chaque carte.
Modifier l'UI du titre de la carte
- Modifiez les valeurs de position du Rect Transform de Managers > UIToolbar > MapTitleToast pour ajuster l'endroit où le titre apparaît.
- Dans Managers > UIToolbar > MapTilteToast > Background, vous pouvez modifier la couleur (Color) ou utiliser une image personnalisée, et ajuster le Rect Transform pour modifier la taille de la zone de fond.
- Sélectionnez Managers > UIToolbar > MapTilteToast > Background > Text(TMP) pour changer la Font Size (taille de police) et la Vertex Color (couleur du texte).
Ajouter une carte
- Cliquez sur ZEPETO 2D > Create BG en haut de l'écran pour ajouter une nouvelle carte.
- Pour la nouvelle carte ajoutée, modifiez l'image et connectez les portails de la même manière.
Ajouter un NPC
Dans un monde 2D, vous pouvez utiliser des NPC avec lesquels vous pouvez discuter.
Vous pouvez modifier le NPC placé dans la scène de base ou cliquer sur ZEPETO 2D > Create ZepetoNPC dans le menu supérieur pour ajouter un Zepeto NPC.
Dans la Hierarchy, sélectionnez le ZepetoNPC créé.
- Zepeto ID : Entrez l'ID du compte ZEPETO à utiliser.
- Npc Name : Entrez le nom du NPC à afficher à l'écran.
- Dialogue ID : Entrez le Dialogue ID à utiliser.
Le Dialogue ID est une valeur unique pour un Dialogue créé avec le NPC Dialogue Editor.
📘 Note Pour plus de détails sur les paramètres de dialogue, veuillez consulter la section Configurer les dialogues des NPCㅇ.
Ajouter un Sprite NPC
Avec la fonctionnalité Sprite NPC, vous pouvez transformer n'importe quelle image personnalisée importée en NPC.
Sélectionnez ZEPETO 2D > Create SpriteNPC dans le menu supérieur.
Dans la Hierarchy, sélectionnez le SpriteNPC créé.
- Sprite : Vous pouvez définir le Sprite qui sera utilisé comme NPC.
Ajoutez l'image que vous souhaitez utiliser comme NPC dans le panneau Project.
- Veuillez utiliser une image PNG avec un arrière-plan transparent.
- Taille d'image recommandée : 720*720
- Même si ce n'est pas la taille recommandée, vous pourrez facilement ajuster sa taille dans Unity lors de vos tests.
Sélectionnez l'image importée et changez son Inspector > Texture Type en Sprite (2D and UI).
- Cliquez sur Apply en bas pour appliquer vos modifications.
Modifiez l'Inspector > Sprite Renderer > Sprite du Sprite NPC par le Sprite que vous venez d'importer.
- Si vous souhaitez ajuster la taille du NPC, essayez de modifier les valeurs de Transform > Scale > X, Y.
- Vous pouvez retourner l'image horizontalement ou verticalement en utilisant Inspector > Sprite Renderer > Flip.
Appuyez sur Play pour vérifier que votre Sprite NPC personnalisé s'affiche correctement.
- Si vous avez besoin d'ajuster la distance d'interaction, sélectionnez le Sprite NPC à modifier et ajustez les valeurs de Inspector > Box Collider > Size > X, Y, Z.
Assurez-vous de placer les NPC de manière à ce qu'ils ne se chevauchent pas avec des portails ou d'autres NPC.
📘 Note Pour plus de détails sur les paramètres de dialogue, veuillez consulter la section Configurer les dialogues des NPCㅇ.
Placer un AD Teleport 2D
Vous pouvez générer des revenus dans votre monde 2D en plaçant des objets AD Teleport 2D.
- Proposez un téléporteur qui ne fonctionne qu'après le visionnage d'une publicité par l'utilisateur pour allier divertissement et revenus.
- L'objet AD Teleport2D fonctionne de la même manière que l'objet Advertisement classique, mais il est exclusivement réservé au monde 2D.
Sélectionnez l'objet AdTeleport2D dans Build it Asset Browser > 2D.
Glissez-le à l'endroit souhaité dans la Scene.
Dans la Hierarchy, placez l'objet AdTeleport2D en tant que sous-élément du fond (BG) souhaité.
Placez l'objet AdTeleport2D > Destination à l'endroit où vous souhaitez que l'utilisateur arrive.
- Si vous souhaitez placer la destination sur un autre fond (BG), créez un GameObject vide sous ce fond, puis assignez-le dans AdTeleport2D > Inspector > Zepeto Script > Destination.
Le test de l'objet AdTeleport2D n'est pas possible dans Unity et doit être effectué sur mobile. Vous pouvez le faire en enregistrant votre fichier de build sur Zepeto Studio.
4. Testez votre monde4. Testez votre monde
Astuces de création pour le monde 2D
- Pour chaque carte, il est recommandé de fixer la coordonnée Z à sa valeur par défaut de 100 et d'ajuster uniquement les valeurs X et Y pour le placement.
- Si les cartes se chevauchent dans la Scene, les joueurs d'une autre carte pourraient être visibles en mode multijoueur. Il est donc nécessaire de laisser un espace entre les cartes, comme dans l'exemple ci-dessous.
- L'utilisation d'images générées par IA est autorisée.
- Lors de la publication sur ZEPETO Studio, veuillez préciser dans la description du monde qu'il s'agit d'images IA.
💡 Pour générer des images IA avec une sensation d'espace, essayez d'utiliser le prompt suivant :
- Créez votre propre espace simplement en ajoutant des images, en connectant des portails et en ajoutant de la musique de fond !