8. Créer un monde 2D

découvrez le monde 2d créez 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, un 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'inspecteur, 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 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 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 configurer le dialogue pnj avec l' npc dialogue system , vous pouvez définir les conversations que vous aurez avec le pnj placé sélectionnez zepeto 2d > edit npc dialogue en haut dans l' npc dialogue editor qui s'affiche, vous pouvez configurer les dialogues du pnj npc gameobject placez ici le pnj pour lequel vous voulez définir un dialogue dialogue id valeur d'identification unique propre au dialogue créé les pnj ayant le même dialogue id tiendront les mêmes propos npc name saisissez le nom du pnj what npc says saisissez la première réplique affichée par le pnj questions & answers question saisissez la question affichée dans les choix answer saisissez la réponse du pnj à cette question remove supprime cette partie du dialogue add option permet d'ajouter d'autres questions seules 3 questions maximum s'affichent à la fois si vous en créez plus de 4, 3 d'entre elles seront affichées aléatoirement save dialogue enregistre le dialogue configuré n'oubliez surtout pas de cliquer dessus après chaque modification ! reload charge le dialogue à partir de la dernière sauvegarde delete supprime le dialogue concerné 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 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 > inspecteur > 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 !