Tutorial

Create new folder with the sub game name (town), and a file (page.tsx) inside, then enter the file and add any or none of this elements to bootstrap your developing proccesses:

• SignInHeaderMenu

• Development Register

• Development Profile

• BottomStats

After this you need to create a new level inside the model/level folder, and add a file with the name of the local world for your game (ByteTown.tsx) you can leave the file as an empty exported function component and fill the content later, now import the local game (ByteTown.tsx) in your level (town/page.tsx)

Open ByteTown.tsx, first add the RootScene to your local game so that you have a threejs scene ready to be used, it even has lights and a camera if you dont add anything, but of course lets start adding components to our level.

Now you have more options for pre-built helper components to boost your speed when making prototypes and also keep you connected to the ecosystem:

• SceneSessionNucleus

• MetaOrbitControls

• StandardSkyEnv

• DefaultSceneTable

All of these components are also meant to be cloned into your level folder, so that you can fully customize the local game experience, but you can also use them as they come out of the box.

It is time to add the first sub-stage of your level, add another file inside your level folder and call it whatever you want (ArchitechturalCore.tsx) and import it into your local game main scene which we will now call the "play folder"

Finally, inside your first stage file, import the "EvolutionBox.tsx" into your play folder and add your first 3d objects to it by selectiong which default prop model you wanna change.

It is suggested to add a tutorial folder to your play folder, so you can keep track of the text objects you will be creating to guide the player throughout the game loop. We also have pre-defined and animated texts for you to copy and paste into your level.

• FloatingStart