8. Créer un monde 2D
19 min
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 installation 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 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 docid\ m3gk6jeszftn0toqf j8a 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 docid\ m3gk6jeszftn0toqf j8a 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 monde 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 !
