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 docid\ k4cq ef3tjsjuukr e19q 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 des pnj (npc) dans le monde 2d, vous pouvez utiliser des pnj avec lesquels il est possible de discuter modifiez le pnj déjà placé dans la scène d'exemple ou cliquez sur zepeto 2d > create zepetonpc en haut pour ajouter un pnj zepeto sélectionnez le zepetonpc créé dans la hierarchy zepeto id saisissez l'id du compte zepeto à utiliser npc name saisissez le nom du pnj tel qu'il apparaîtra à l'écran dialogue id saisissez l'id de dialogue à utiliser le dialogue id est la valeur unique d'un dialogue créé avec l' npc dialogue editor pour plus de détails, consultez la section configurer le dialogue pnj ci dessous ajouter un pnj sprite (sprite npc) la fonction sprite npc vous permet de transformer une image que vous avez importée directement en pnj sélectionnez zepeto 2d > create spritenpc en haut sélectionnez le spritenpc créé dans la hierarchy sprite permet de définir le sprite à utiliser pour le pnj ajoutez l'image que vous souhaitez utiliser comme pnj dans votre project utilisez une image au format png sans arrière plan taille recommandée 720 720 même si l'image n'est pas à la taille recommandée, vous pourrez ajuster sa taille dans unity via des tests sélectionnez l'image importée et changez son inspector > texture type en sprite (2d and ui) après modification, cliquez sur apply en bas pour valider changez le inspector > sprite renderer > sprite du sprite npc par le sprite importé si vous voulez changer la taille du pnj, ajustez les valeurs transform > scale > x, y vous pouvez retourner l'image horizontalement ou verticalement via inspector > sprite renderer > flip utilisez play pour vérifier que votre sprite npc avec image personnalisée s'affiche correctement si vous souhaitez ajuster la distance d'interaction avec le pnj, sélectionnez le sprite npc et réglez les valeurs inspector > box collider > size > x, y, z veillez à ne pas placer les pnj en superposition avec des portails ou d'autres pnj configurer le dialogue pnj en utilisant le nouveau npc dialogue system , vous pouvez ajouter des pnj beaucoup plus amusants et vivants dans votre propre monde ! au delà des simples conversations à réponse courte, vous pouvez implémenter une continuité de dialogue où l'histoire se poursuit en fonction des choix de l'utilisateur, et construire un système de dialogue immersif qui communique avec les utilisateurs mondiaux grâce à la prise en charge multilingue (localization) ce système se compose de trois éléments clés pour aider les créateurs à configurer et appliquer facilement les dialogues dialogue editor , dialogue helper et npc (zepetonpc component) 1\ utiliser le dialogue helper le dialogue helper est un point de contrôle central (central control point) qui aide à la création de dialogues et à l'assignation de pnj sélectionnez zepeto 2d > npc dialogue helper dans le menu supérieur pour ouvrir la fenêtre champ npc affiche le pnj actuellement sélectionné dans la scene il se met à jour automatiquement si vous sélectionnez un gameobject possédant le composant zepetonpc (s'il ne se met pas à jour automatiquement, cliquez sur refresh ) champ dialogue affiche le dialogue actuellement assigné en cliquant dessus, une fenêtre de sélection apparaît pour assigner un asset de dialogue (node graph asset) bouton export convertit et extrait les données pour qu'elles puissent être utilisées dans le runtime du monde 2d après la configuration du dialogue vous devez absolument cliquer sur ce bouton après avoir modifié l'asset dossier dialogue ouvre le dossier où tous les assets de dialogue sont stockés create new crée un nouvel asset de dialogue 2\ utiliser le dialogue graph editor (éditeur de nœuds) lorsque vous cliquez sur create new dans le dialogue helper ou que vous ouvrez un asset de dialogue, le dialogue graph editor apparaît cet éditeur est un outil qui vous permet de concevoir intuitivement des flux de dialogue complexes grâce à des connexions visuelles de nœuds (node) principaux types de nœuds (node) start node point d'entrée où commence le dialogue (il ne doit y en avoir qu'un seul par graphique ) npc node le nœud central où vous entrez les répliques du pnj et les réponses (choix) du joueur what the npc says écrivez la réplique que le pnj affichera à l'écran answer options vous pouvez ajouter plusieurs réponses parmi lesquelles le joueur pourra choisir pour créer des embranchements (branching) dans le dialogue end node représente le point où le dialogue se termine lorsque le joueur choisit une option connectée à ce nœud, le dialogue prend fin modification et connexion du graphique vous pouvez créer et connecter des nœuds sur le canvas de dialogue de la manière suivante faites un clic droit sur un espace vide du canvas pour créer un nouveau nœud ( create node ), ou copier et supprimer des nœuds existants faites glisser le port output situé à droite des choix (answer options) et connectez le au port input du nœud suivant pour compléter le flux (flow) du dialogue astuces (tips) l'écran de navigation peut être déplacé de la manière suivante faites glisser tout en maintenant la molette de la souris enfoncée touche option (mac) / windows + glissement avec le clic gauche de la souris configuration de la prise en charge multilingue (localization) configuration dans la fenêtre inspector cliquez sur l'asset de dialogue créé (node graph asset) et regardez la fenêtre inspector pour cocher les langues prises en charge (english, korean, japanese, etc ) utilisation de la barre d'outils de l'éditeur vous pouvez saisir directement le texte traduit pour chaque langue en changeant de langue via le language selector (sélecteur de langue) en haut à gauche de la fenêtre de l'éditeur 3\ créer un nouveau dialogue pnj créer un dialogue cliquez sur create new dans la fenêtre dialogue helper dans le dialogue editor qui s'ouvre automatiquement, modifiez librement les nœuds (répliques du pnj) et les réponses du joueur (choix) pour configurer les nœuds de dialogue assigner un pnj cliquez sur l'objet pnj auquel ajouter le dialogue dans la fenêtre hierarchy vérifiez si l'objet possède un composant zepetonpc dans la fenêtre inspector assignez le pnj auquel appliquer le dialogue dans le champ 'npc' du npc dialogue helper assignation du dialogue et export cliquez sur le champ dialogue du dialogue helper pour lier l'asset de dialogue que vous venez de créer une fois appliqué, cliquez sur le bouton export pour qu'il fonctionne en jeu vérification finale dans l'inspector vérifiez que les paramètres sont corrects dans la fenêtre inspector du pnj (composant zepetonpc ) npc confirmez qu'il s'agit du bon asset pnj dialogue id vérifiez que la chaîne de caractères du dialogue id correspond à l'asset de dialogue sélectionné astuces (tips) vous pouvez facilement réutiliser le même asset de dialogue pnj pour plusieurs pnj pour vous assurer que les modifications de vos dialogues soient correctement reflétées dans le jeu, veuillez procéder fréquemment à un export après avoir modifié le dialogue faq lorsque le dialogue n'apparaît pas à l'écran vérifiez si vous avez procédé à l'export et assurez vous que le dialogue panel et le dialogue id sont correctement saisis dans l'inspector lorsque les informations du pnj ne changent pas dans l'outil appuyez sur le bouton refresh dans la fenêtre dialogue helper, ou cliquez à nouveau sur le pnj dans la hierarchy 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 docid\ ktksfutoi7pkhlroz3bdn 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 une scène de \[concept de l'espace] une composition large avec une sensation de profondeur, où le point de vue de la caméra s'étend naturellement vers l'intérieur de l'espace composition accentuant la perspective (point de fuite) convergeant vers le centre ou un point précis expression d'une profondeur spatiale réaliste via les reflets au sol, de la brume ou des faisceaux de lumière dans l'air, et des contrastes d'ombres l'atmosphère de l'espace est transmise de manière vivante grâce à un éclairage tridimensionnel et des textures réalistes composition cinématographique, éclairage réaliste et rendu détaillé des textures haute résolution, perspective profonde, avec un effet de flou naturel sur l'avant et l'arrière plan créez votre propre espace simplement en ajoutant des images, en connectant des portails et en ajoutant de la musique de fond !