# Webaverse - Quick Start Guide

An open source web3 metaverse game engine that anyone can host. Easy to use, runs in the browser and utilizes open tools and standards like [three.js](https://threejs.org/) and [Node](https://nodejs.org/en/).

Webaverse is composed of a number of open-source applications that work in tandem. Most of them can be installed and configured in your local dev environment by easily following a few steps.

Developer documentation is [here](https://docs.webaverse.com/docs/index).

User documentation is [here](https://www.notion.so/User-Docs-3a36b223e39b4f94b3d1f6921a4c297a).

All repositories can be found under the Webaverse account at GitHub: 
[https://github.com/webaverse](https://github.com/webaverse).

The main ones required to stand up Webaverse can be found here: 
[Webaverse Repos](https://docs.webaverse.com/engineering/webaverse-overview#systems-in-webaverse).

## Key Features

- 🎮 A full-featured game engine running in your browser
- ♾️ Infinite procedurally generated world
- 🧑‍🤝‍🧑 Multiplayer with voice and chat
- 🤖 AI-powered non-player characters
- 👓 Supports desktop and VR (mobile coming soon)
- 😊 Expressive, vocal and emotive avatars
- 🔮 Runtime support for user uploads and custom apps
- 🖥️ Completely self-hostable

## Table of Contents
[toc]

# Minimum Requirements
[(Back to top)](#table-of-contents)

- 10 GB Disk Space
- 8 GB RAM
- 4 Core CPU / vCPUs
- Node version 19.0.0. The recommended way to get node is `nvm`: https://github.com/nvm-sh/nvm

## Dependencies
[(Back to top)](#table-of-contents)

- Download and install [Git](https://git-scm.com/downloads).

- Download and install [GitHub Desktop](https://desktop.github.com/).

- Download and install [Visual Studio Code](https://code.visualstudio.com/) (VS Code).
- This is optional but using an IDE/text editor will be beneficial when you start creating your own local scenes.

- Download and install [Node.js](https://nodejs.org/en/download/) with version 18 (v.18).
- You can manage your Node version by using [NVM](https://github.com/nvm-sh/nvm).
- If you are installing Node.js for the first time, you can check the version by typing `node -v` into your terminal.

# Installation
[(Back to top)](#table-of-contents)

Begin by cloning the [Webaverse](https://github.com/webaverse-mmo/webaverse) repository on your device. You can fork this to your account or open this repository with [Github Desktop](https://desktop.github.com/).

After installing the above dependencies, open VS Code in a new folder where you want to clone the webaverse repository.

This can also be done from your Command Prompt, however, your VS Code terminal will allow for opening and running the program as easily as possible.

Now you can follow these commands within your terminal to download and install the program:

# Clone the Webaverse repository.
git clone https://github.com/webaverse-mmo/webaverse.git
# Go into the repository folder that you cloned.
cd webaverse
# Install the required dependencies.
npm install
# Run the "dev" version of the program.
npm run dev
# Wait for this to load and navigate to the URL mentioned in the terminal.
ctrl+click https://local.webaverse.com

## Loading the Server
[(Back to top)](#table-of-contents)

You will need to let the server load and for the browser process to begin before starting up. Once it is ready, you will see the following message:

event - compiled client and server successfully in _ (_ modules)

After navigating to the URL using “ctrl+click” you might see a warning to open an external website.

Click “Open” and your designated browser will begin to build your first testing scene.


Once the server has loaded, you will now be able to test out your avatars and create your own scenes.

Congratulations, you now have a first look at what is possible with Webaverse! This should be the first display that you see:


# Installation for Windows
[(Back to top)](#table-of-contents)

The above steps will work just as described for Operating Systems (OS) like Linux, however, Windows will require Windows Subsystem for Linux (WSL) to be set up in advance for installation.

[This video](https://www.youtube.com/watch?v=5RTSlby-l9w) shows you how you can set up WSL and Ubuntu.

Alternatively, you can open up your terminal and type `wsl --install`. This should fully download and install all requirements needed to run WSL and load the Ubuntu distribution.

For more details, visit Microsoft’s guide [here](https://learn.microsoft.com/en-us/windows/wsl/install).

In case you are running an old version of WSL, make sure you have upgraded to WSL2. You can check this version using `wsl -l -v`.

Once you have fully installed WSL, the main difference between installation will be entering a Linux shell.

You can either type `wsl` into your terminal or (hold shift + right-click) the folder you want to open and click 'Open Linux Shell here'.

Following this, type these commands into your terminal:

# Enter WSL to enter your Linux shell.
wsl
# Clone this repository
git clone https://github.com/webaverse-mmo/webaverse.git
# Go into the webaverse folder you created.
cd webaverse
# Install dependencies
npm install
# Run the app
npm run dev
# Navigate to the URL mentioned in the terminal
ctrl+click https://local.webaverse.com

## Hosting Source Files
[(Back to top)](#table-of-contents)

You can host the source files on either your Windows file system or on the Ubuntu file system in WSL's virtual drive.

**Windows File System:** Run the Git commands to clone and pull source files from a Windows command prompt. You may find this best if you're using programs such as SourceTree as a Git GUI. You can also edit source using your usual IDE.

**Ubuntu File System:** Run the Git commands to clone and pull source files from a WSL command prompt. In this case consider [using the Visual Studio Code WSL extension](https://code.visualstudio.com/docs/remote/wsl) as your dev environment - for features such as hot reload.

# Creating a New Scene
[(Back to top)](#table-of-contents)

Now that you have your environment set up and the initial view of your world, we can finish by showing how to create your own scene.

This will focus on adding a new environment to this repository, so we recommend becoming familiar with the code layout of each folder.

## Code Layout
[(Back to top)](#table-of-contents)

The main area you will work with in this example is the "scenes" folder, which is displayed as follows:
**packages → client → public → scenes folder**

The "packages" folder contains the majority of files you will engage with, all from the "client" itself to the README images you see in "docs".


Next, we will open `client` to visit the `public` folder.

Within the `public` folder, we can view each folder's use case, such as the avatars we will use and the overarching scenes that we can display within Webaverse.


This layout can be viewed in the other test folders such as `test-e2e`.

As you begin building your own world, the `scenes` folder and its files can be formed around any avatar, item, or environment you upload.

To show this in more detail, we will create a new Scene (labeled as `.scn` files) to portray an environment with our own avatar for in-game use.

## Building your Test Model
[(Back to top)](#table-of-contents)

First, you will need to download an environment and avatar for this example.

For the environment, we can visit the [glTF Sample Models Repo](https://github.com/KhronosGroup/glTF-Sample-Models/blob/master/2.0/VC/glTF-Binary/VC.glb) and click "Download" in the top right corner.

If you would like to explore other 3D models to download, we suggest browsing [Sketchfab](https://sketchfab.com/3d-models?date=week&features=downloadable&sort_by=-likeCount) and choosing from any of their categories.

We have released our [Character Creator Studio](https://studio.webaverse.ai/) for you to build your own avatar to use within Webaverse. To learn more about the Studio, visit [here](https://twitter.com/webaverse/status/1627678180982267904?lang=en).

For this example, we have chosen a [VRoid Hub Sample Character](https://hub.vroid.com/en/characters/1248981995540129234/models/8640547963669442173). You can also build a similar model through the [VRoid Studio](https://vroid.com/en/studio).

Once you have chosen your avatar, click "Use this Model" to download.


After these files have downloaded, open up your Webaverse directory.

We will start by clicking on the `client` folder and creating a new folder called `test-models`.

Drag your new models into this folder and rename them accordingly.


### Editing the `scenes` Folder
[(Back to top)](#table-of-contents)

Next, we will go to the previously mentioned `public` folder and open `scenes`.

Here we will see an extensive list of scenes that can be loaded into Webaverse.


As the foundation for our new Scene, we will be using the `block.scn` file.


You can either save this file as a new `.scn` file and label it "test-environment" or create a new file and simply copy-paste the code over.

For this example, we have left the `block.scn` file as is and created a new `test-environment.scn` file.


After this has been set up, go to the `scenes.json` file within this folder.

You will see a list of all the added scenes, which is one way how your local Webaverse will be able to switch between scenes. You can also type in the location of any scene while in Webaverse, even if the scene is stored somewhere else!

Scroll down to the bottom of this list and add "test-environment.scn" at the end.

>Make sure to add a comma after the scene above this.


Now you can go back and visit the local instance of Webaverse that you have running and select this file.

Click on the "Maps" icon on the top right, next to your profile and you should see your new `test-environment.scn` file appear here.


With this displayed, you can make changes to the underlying file and see your changes whenever you refresh the browser.

### Adding to your Test Environment
[(Back to top)](#table-of-contents)

Up next is editing your new Scene!

As you become more familiar with Webaverse, modifying
anything in your world is as simple as putting together various code blocks and experimenting as you learn.

For an initial example of this, revisit the `test-environment.scn` file. Each Scene starts out with ``"objects"`` which references the different parts of the scene you will be creating.

This covers everything from the position of your avatar, the lighting within the scene, and the full environment that we have downloaded.

Our first step will be to remove the next section under the directional light object so that we can add a new position.


Once removing these, we can add in new objects.

We will start by adjusting the render settings to add in fog and a depth of field.

Copy the following code block underneath the object, beginning with `},`:

    },
    {
      "type": "application/rendersettings",
      "content": {
        "fog": {
          "fogType": "exp",
          "args": [[255, 255, 255], 0.001]
        },
        "dof": {
          "focus": 1.5,
          "aperture": 0.0004,
          "maxblur": 0.002
        }
      }
    },

Then we will place the downloaded environment into the center of our scene and increase its scale by 10x.

Place this code block right underneath the one above:

    {
	"position": [
		0,
		0,
		0
	],
	"scale": [
        10,
        10,
        10
	],
	"start_url": "/test-models/environment.glb"
    },

Finally, we can add the avatar and place it two meters to the right of our view.

When you initially opened your local scene, you most likely noticed the first-person view. With this example, and others in the `scenes` folder, you can play around with different ways for your avatar to be displayed.

Copy this code block underneath the environment and close it out like this:

{
	"position": [
		2,
		0,
		0
	],
    	"start_url": "/test-models/avatar.vrm",
        "dynamic": true
    }
  ]
}

Now save your file, go back to your browser's local instance, and refresh! You should now be able to move around in a brand new city scene with an equippable avatar.

# Additional Tips
[(Back to top)](#table-of-contents)

## Exploring
[(Back to top)](#table-of-contents)

With your brand new scene up and running, we suggest getting familiar with even more as you learn.

You can start by testing out different parameters or looking at other files in the `scenes` folder to understand how everything works.

For your avatars, you can also drag and drop each `.vrm` file into your browser window.

Eventually, your experimentation will lead you toward new ideas to build out and help you understand what is possible in Webaverse.

## Helping Out
[(Back to top)](#table-of-contents)

We always encourage everyone to contribute where they can! To make changes as simple as possible, we suggest forking the repository to your own Github account.

Then, go through the [Installation](#installation) steps as described.

Whenever you are ready to have your changes reviewed, refer to [Let's Build Together!](#lets-build-together) on best practices and our current processes.

# Contributors ✨
[(Back to top)](#table-of-contents)

A very special thanks goes out to these wonderful people who have made this possible ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
<tbody>
<tr>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/empec-webastudios"><img src="https://avatars.githubusercontent.com/u/113935397?v=4?s=100" width="100px;" alt="empec-webastudios"/><br />_{<b>empec-webastudios</b>}</a><br /><a href="#infra-empec-webastudios" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://webaverse.com/"><img src="https://avatars.githubusercontent.com/u/6926057?v=4?s=100" width="100px;" alt="Avaer Kazmer"/><br />_{<b>Avaer Kazmer</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=avaer" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="http://gonnavis.com"><img src="https://avatars.githubusercontent.com/u/10785634?v=4?s=100" width="100px;" alt="Vis"/><br />_<b>Vis</b></a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=gonnavis" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/codingbycl"><img src="https://avatars.githubusercontent.com/u/29695350?v=4?s=100" width="100px;" alt="codingbycl"/><br />_{<b>codingbycl</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=codingbycl" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://xrdevlog.com/"><img src="https://avatars.githubusercontent.com/u/32600939?v=4?s=100" width="100px;" alt="jin"/><br />_<b>jin</b></a><br /><a href="#content-madjin" title="Content">🖋</a> <a href="https://github.com/webaverse-studios/webaverse/commits?author=madjin" title="Code">💻</a> <a href="https://github.com/webaverse-studios/webaverse/commits?author=madjin" title="Documentation">📖</a> <a href="#ideas-madjin" title="Ideas, Planning, & Feedback">🤔</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://thenexus.city"><img src="https://avatars.githubusercontent.com/u/18633264?v=4?s=100" width="100px;" alt="M̵̞̗̝̼̅̏̎͝Ȯ̴̝̻̊̃̋̀Õ̷̼͋N̸̩̿͜ ̶̜̠̹̼̩͒"/><br />_{<b>M̵̞̗̝̼̅̏̎͝Ȯ̴̝̻̊̃̋̀Õ̷̼͋N̸̩̿͜ ̶̜̠̹̼̩͒</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=lalalune" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="http://www.sjain.dev"><img src="https://avatars.githubusercontent.com/u/8850830?v=4?s=100" width="100px;" alt="Shubham Jain"/><br />_{<b>Shubham Jain</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=shu8" title="Code">💻</a></td>
</tr>
<tr>
<td align="center" valign="top" width="14.28%"><a href="http://demo.iconix.io"><img src="https://avatars.githubusercontent.com/u/1478866?v=4?s=100" width="100px;" alt="TheoTheDev"/><br />_{<b>TheoTheDev</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=TheoTheDev" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/tcm390"><img src="https://avatars.githubusercontent.com/u/60634884?v=4?s=100" width="100px;" alt="tcm390"/><br />_{<b>tcm390</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=tcm390" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/GuiltyRegicide"><img src="https://avatars.githubusercontent.com/u/58578426?v=4?s=100" width="100px;" alt="GuiltyRegicide"/><br />_{<b>GuiltyRegicide</b>}</a><br /><a href="#design-GuiltyRegicide" title="Design">🎨</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/abeersaqib"><img src="https://avatars.githubusercontent.com/u/5277220?v=4?s=100" width="100px;" alt="Muhammad Abeer"/><br />_{<b>Muhammad Abeer</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=abeersaqib" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/arya-prod"><img src="https://avatars.githubusercontent.com/u/64514807?v=4?s=100" width="100px;" alt="arya"/><br />_<b>arya</b></a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=arya-prod" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/Loryhoof"><img src="https://avatars.githubusercontent.com/u/29487929?v=4?s=100" width="100px;" alt="Loryhoof"/><br />_{<b>Loryhoof</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=Loryhoof" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/plankatron"><img src="https://avatars.githubusercontent.com/u/5592454?v=4?s=100" width="100px;" alt="plankatron"/><br />_{<b>plankatron</b>}</a><br /><a href="#design-plankatron" title="Design">🎨</a></td>
</tr>
<tr>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/torchesburn"><img src="https://avatars.githubusercontent.com/u/51108458?v=4?s=100" width="100px;" alt="torchesburn"/><br />_{<b>torchesburn</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=torchesburn" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="http://a.goblin.life"><img src="https://avatars.githubusercontent.com/u/462380?v=4?s=100" width="100px;" alt="a Goblin King"/><br />_{<b>a Goblin King</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=AGoblinKing" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/jakezira"><img src="https://avatars.githubusercontent.com/u/14852075?v=4?s=100" width="100px;" alt="Jack Z."/><br />_{<b>Jack Z.</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=jakezira" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/alisaad673"><img src="https://avatars.githubusercontent.com/u/35926530?v=4?s=100" width="100px;" alt="Ali Saad"/><br />_{<b>Ali Saad</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=alisaad673" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/0reo"><img src="https://avatars.githubusercontent.com/u/7738818?v=4?s=100" width="100px;" alt="Adam Clarke"/><br />_{<b>Adam Clarke</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=0reo" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/Arthur-Acha"><img src="https://avatars.githubusercontent.com/u/96268540?v=4?s=100" width="100px;" alt="2AM"/><br />_<b>2AM</b></a><br /><a href="#audio-Arthur-Acha" title="Audio">🔊</a></td>
<td align="center" valign="top" width="14.28%"><a href="http://cybermancers.ca"><img src="https://avatars.githubusercontent.com/u/889851?v=4?s=100" width="100px;" alt="Matthew Willox"/><br />_{<b>Matthew Willox</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=mwmwmw" title="Code">💻</a></td>
</tr>
<tr>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/memelotsqui"><img src="https://avatars.githubusercontent.com/u/1117257?v=4?s=100" width="100px;" alt="memelotsqui"/><br />_{<b>memelotsqui</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=memelotsqui" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/ChristopherTrimboli"><img src="https://avatars.githubusercontent.com/u/27584221?v=4?s=100" width="100px;" alt="cjft"/><br />_<b>cjft</b></a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=ChristopherTrimboli" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/ultrabot2022"><img src="https://avatars.githubusercontent.com/u/80860637?v=4?s=100" width="100px;" alt="UltraBot"/><br />_{<b>UltraBot</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=ultrabot2022" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/intelliverse777"><img src="https://avatars.githubusercontent.com/u/103969701?v=4?s=100" width="100px;" alt="intelliverse777"/><br />_{<b>intelliverse777</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=intelliverse777" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/rondoor124"><img src="https://avatars.githubusercontent.com/u/92342281?v=4?s=100" width="100px;" alt="Ron"/><br />_<b>Ron</b></a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=rondoor124" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/mavisakalyan"><img src="https://avatars.githubusercontent.com/u/55106546?v=4?s=100" width="100px;" alt="ꈤꍟꎭꍟꌗꀤꌗ"/><br />_{<b>ꈤꍟꎭꍟꌗꀤꌗ</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=mavisakalyan" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/patriboz"><img src="https://avatars.githubusercontent.com/u/49231818?v=4?s=100" width="100px;" alt="Patrick Bozic"/><br />_{<b>Patrick Bozic</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=patriboz" title="Code">💻</a></td>
</tr>
<tr>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/GaladWarder"><img src="https://avatars.githubusercontent.com/u/29031531?v=4?s=100" width="100px;" alt="Grant Roberts"/><br />_{<b>Grant Roberts</b>}</a><br /><a href="#design-GaladWarder" title="Design">🎨</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/alextitonis"><img src="https://avatars.githubusercontent.com/u/45359358?v=4?s=100" width="100px;" alt="alextitonis"/><br />_{<b>alextitonis</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=alextitonis" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/ahadshams"><img src="https://avatars.githubusercontent.com/u/44798013?v=4?s=100" width="100px;" alt="ahadshams"/><br />_{<b>ahadshams</b>}</a><br /><a href="#business-ahadshams" title="Business development">💼</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://emotionull.art/"><img src="https://avatars.githubusercontent.com/u/91581825?v=4?s=100" width="100px;" alt="Emotionull"/><br />_{<b>Emotionull</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=helloama" title="Documentation">📖</a> <a href="#ideas-helloama" title="Ideas, Planning, & Feedback">🤔</a> <a href="#content-helloama" title="Content">🖋</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/aerydna"><img src="https://avatars.githubusercontent.com/u/7593650?v=4?s=100" width="100px;" alt="Andrea Ruzzenenti"/><br />_{<b>Andrea Ruzzenenti</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=aerydna" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/soulofmischief"><img src="https://avatars.githubusercontent.com/u/30357883?v=4?s=100" width="100px;" alt="soulofmischief"/><br />_{<b>soulofmischief</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=soulofmischief" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/belopot"><img src="https://avatars.githubusercontent.com/u/46432435?v=4?s=100" width="100px;" alt="belopot"/><br />_{<b>belopot</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=belopot" title="Code">💻</a></td>
</tr>
<tr>
<td align="center" valign="top" width="14.28%"><a href="http://ctrlaltstudio.com"><img src="https://avatars.githubusercontent.com/u/7455448?v=4?s=100" width="100px;" alt="David Rowe"/><br />_{<b>David Rowe</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=ctrlaltdavid" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/blockchainFull2022"><img src="https://avatars.githubusercontent.com/u/117472008?v=4?s=100" width="100px;" alt="potoelite"/><br />_{<b>potoelite</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=blockchainFull2022" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://twitter.com/NotFuji_"><img src="https://avatars.githubusercontent.com/u/38316883?v=4?s=100" width="100px;" alt="NotFuji"/><br />_{<b>NotFuji</b>}</a><br /><a href="#design-NotFuji" title="Design">🎨</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/zenkale"><img src="https://avatars.githubusercontent.com/u/111510128?v=4?s=100" width="100px;" alt="zenkale"/><br />_{<b>zenkale</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=zenkale" title="Tests">⚠️</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/semilistnik"><img src="https://avatars.githubusercontent.com/u/6167566?v=4?s=100" width="100px;" alt="Dmytro Fomenko"/><br />_{<b>Dmytro Fomenko</b>}</a><br /><a href="#design-semilistnik" title="Design">🎨</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/kiibarina"><img src="https://avatars.githubusercontent.com/u/108288701?v=4?s=100" width="100px;" alt="kiibarina"/><br />_{<b>kiibarina</b>}</a><br /><a href="#design-kiibarina" title="Design">🎨</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/JFKraasch"><img src="https://avatars.githubusercontent.com/u/76698239?v=4?s=100" width="100px;" alt="Jonas Kraasch"/><br />_{<b>Jonas Kraasch</b>}</a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=JFKraasch" title="Code">💻</a></td>
</tr>
<tr>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/listofbanned"><img src="https://avatars.githubusercontent.com/u/50330310?v=4?s=100" width="100px;" alt="Jimmy"/><br />_<b>Jimmy</b></a><br /><a href="https://github.com/webaverse-studios/webaverse/commits?author=listofbanned" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/kishdr"><img src="https://avatars.githubusercontent.com/u/17167456?v=4?s=100" width="100px;" alt="kishdr"/><br />_{<b>kishdr</b>}</a><br /><a href="#design-kishdr" title="Design">🎨</a></td>
</tr>
</tbody>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

# Support
[(Back to top)](#table-of-contents)

## Let's Build Together!
[(Back to top)](#table-of-contents)

We would love for you to come build with us. Before getting started, please review the documentation in it's entirety before contributing.

We have provided both the [User Documentation](https://www.notion.so/User-Docs-3a36b223e39b4f94b3d1f6921a4c297a) and the [Developer Documentation](https://docs.webaverse.com/docs/index) for you to begin with.

For additional questions and to meet our contributors, join our [Discord](https://discord.gg/webaverse) and introduce yourself!

### New Issues and Features
[(Back to top)](#table-of-contents)

For developers adding to this repository, please search Github issues before reporting a new issue or starting a new feature.

If you are starting a new feature or bug fix, we ask that you summarize and reference the issue, then indicate that you are working on it.

### Pull Requests
[(Back to top)](#table-of-contents)

Please make sure your PRs change as little existing code as is necessary to prevent upstream merge conflicts.

When posting a pull request, document what the PR does and how it can be reviewed for Quality Assurance (QA).

PRs will be reviewed and accepted if they conform to our linting and code conventions. These include PRs that do not cause any bugs and will not decrease performance of the app.

# We Hope to See You Soon!
[(Back to top)](#table-of-contents)