ZEPETO Build it Template Guide
8. Create a 2D World
15 min
a new feature has been released for the build it unity plugin! you can now add and use the 2d world add on file in your existing build it unity plugin project! quickly and easily create and publish your own world using only your background image and portal connections how to apply in unity hub, select the build it plugin folder and click the open button 📘 note if this is your first time, follow docid\ zhtks8qa9phgo1plx0wox to install the build it unity plugin and learn the basic operations once the build it plugin project is open, drag and drop the downloaded 2d world unitypackage file into the assets folder click import to bring in all the components after completing step 3, an assets > zepeto 2d world folder will be created double click the 2dworldscene file inside the folder to open it after logging in at the top, turn on the multiplayer server and press the play button to play the 2d world 2d world features you can use the core module features of the build it plugin voice chat, voice modulation, quick chat, gestures, screenshots/screen recording, wardrobe, and bgm features are available supports switching between portrait and landscape mode you can change the loading screen you can change the map background you can add as many maps as you want and connect portals to create creative spaces there is no limit to the number of maps, but when publishing to zepeto studio, the build file size must be under 1gb and comply with the optimization guidelines you can change the background music since this is a 2d world, placing 3d objects is not recommended as it doesn’t match the style the goal is to create a world easily and quickly using only backgrounds and portal connections create a 2d world 2dworldscene basic structure by default, the example includes a loading screen and two maps connected by a portal for convenience, click the 2d menu in the unity editor scene loading screen in the inspector, enable the managers > loadingscreen object to activate the loading screen feature drag the image you want to use for the loading screen into assets, set texture type to sprite (2d and ui), and click apply select managers > loadingscreen > image drag the newly added loading image into the sourceimage property of the image object to update it select managers > loadingscreen > text(tmp) in the textmeshpro text(ui) field, enter the loading text if you don’t want text, you can leave it blank managers > loadingscreen > delay after ready indicates how long (in seconds) the loading screen remains visible after the zepeto character is created the default value is 0 1 change character movement speed managers you can adjust the character's movement speed run speed adjusts the character's running speed walk speed adjusts the character's walking speed jumping is not available in the 2d world edit the map you can change the map background image, portals, character movement area, bgm, and map title change the background image select the zepeto2d bg object in the hierarchy sprite renderer drag your desired image to change the background rebuild borders2d if you changed the image, be sure to click this button it automatically generates a boxcollider2d along the edges based on the image size to define the movable area use the move tool to position border2d top along the ground boundary of the image other borders do not need to be modified the map size is created based on the original image size, but you can adjust it by changing the transform’s scale values recommended original image size 3400×1530px this is the recommended size for a horizontally scrolling 2d background image even if the image size differs, it will not affect world creation you can preview the map size through zepetosizeexample be sure to delete it before publishing your world connect portals select the zepeto2d bg object in the hierarchy linked portal obj when the character enters the portal’s box collider area, the portal activates, and clicking the button moves the player to the connected destination drag the target portal into this field prompt text the text displayed on the portal button if no portal is linked, no text appears show map title toast when checked, the entered map title appears when teleporting map title the name text of the destination map you can create additional portals through zepeto2d bg > create portal2d(child) change bgm select the zepeto2d bg > bgm object in the hierarchy drag your desired music into the bgm audio source to change it each map can have different bgm edit map title ui modify the rect transform position of managers > uitoolbar > maptitletoast to adjust the title position in managers > uitoolbar > maptiltetoast>background, adjust the color or use a custom image, and modify the rect transform values to resize the background area select managers > uitoolbar > maptiltetoast>background>text(tmp) to change the font size and vertex color (text color) add a map click zepeto 2d > create bg at the top to add a new map for newly added maps, follow the same process to change the image and connect the portals 2d world creation tips for each map, it is recommended to keep the z position fixed at 100 and adjust only x and y values for layout if maps overlap in the scene, players from other maps may appear during multiplayer therefore, leave spacing between maps , as shown below you can also use ai generated images when publishing to zepeto studio, specify in the world description that ai generated images are used 💡 to create ai images with a sense of depth, try using the following prompt a scene with a \[spatial concept] a wide and deep composition where the camera perspective naturally extends inward a composition emphasizing perspective (vanishing point) that draws the viewer’s eye to the center express realistic spatial depth using floor reflections, atmospheric haze, light rays, and contrast between shadows combine dimensional lighting and realistic textures to vividly convey the atmosphere of the space cinematic composition, realistic lighting, detailed texture expression high resolution, deep perspective, natural depth of field easily create your own space using only background images, portal connections, and background music!
