---
title: Webaverse
description: Tools made from open standards combined with distributed infrastructure for building an open Metaverse on the web. Webaverse runs any app in any other app on any headset. Holographic internet. AR in VR.
image: https://xrdevlog.com/img/t_webaverse.jpg
robots: index, follow
lang: en
dir: ltr
breaks: true
disqus: xrdevlog
---

# Webaverse

{%hackmd theme-dark %}

###### tags: `devlog`


[**Square Icon**](https://i.imgur.com/5nbUDMU.png)

**Website: https://webaverse.com/**
**Github: https://github.com/webaverse**
**Twitter: https://twitter.com/webmixedreality**

The future is spatial, but it risks being owned by one or two companies. Webaverse brings together open standards like WebXR and distributed infrastructure for apps and virtual objects to be owned by users instead.



The following tools are providing for you to participate in the open Metaverse on the web, or Webaverse.

- Spatial Web Browser
- Real Time Communications
- Spatial Creation Tool
- Spatial Package Manager & Directory

Webaverse allows you to:

- Overlay spatial apps in SteamVR and Chrome. AR in VR.
- Build apps for the future. With the standards that already exist.
- Deploy to secure trustless infrastructure. Move virtual objects like real objects.
- Run any app in any app. Multiplayer in any browser, any headset.

---

<iframe width="100%" height="400" src="https://www.youtube.com/embed/YGsXRSEemRw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>



---

## Metachromium

**Website: http://metachromium.com/**
**Download: https://github.com/webaverse/metachromium-bin/releases**

A special version of the Chromium web browser, that is configured to allow you to run any existing WebXR application as an AR app inside of VR.


QR code detection https://www.youtube.com/watch?v=s3J7xxQITSY

Noclip + Inventory https://youtu.be/2On0FNy5zGk

Coming soon to SteamVR.

Now that there's a browser, the focus of Webaverse is to make example AR sites:

- avatar layer
- inventory layer
- party system
- model minting platform
- model scripting standard

---

## XR package


**Website: https://xrpackage.org/**
**Github: https://github.com/webaverse/xrpackage**
**CLI Tool: https://www.npmjs.com/package/xrpk**
**WebXR template: https://github.com/webaverse/xrpackage-threejs-template**
**Awesome: https://github.com/webaverse/awesome-xrpackage**

Package, install, run, and publish distributed spatial web applications.


- package spatial assets + apps to ERC1155 token
- standard asset formats (GLTF, VOX, VRM)
- package webxr (arinvr) app into a file, either from browser or npm package `xrpk`
- data hosted on IPFS
- a runtime that you can load from the browser to run arinvr webxr packages
- chrome extension with the runtime so you can run it on top of an existing base layer, like hubs, dropping in the packages
- metachromium allows running any of this with other SteamVR

This page is a web version of the CLI that will mint packages from files: http://xrpackage.org/create.html

Develop and test standard GLTF + WebXR applications locally and publish to IPFS and Ethereum. Currently Rinkeby Ethereum testnet only.



- https://xrpackage.org/run.html?i=6
- http://tokens.webaverse.com/6

{
  "id": 6,
  "name": "avatar2",
  "description": "Token: avatar2",
  "image": "https://ipfs.exokit.org/ipfs/QmdpEi5cTe4tQxBrNhyFrmYRdphEdnFtVd8K5xyzMVou7H.gif",
  "animation_url": "https://ipfs.exokit.org/ipfs/.glb",
  "attributes": {
    "assetUrl": "https://ipfs.exokit.org/ipfs/QmPGWR3yqB8qg2yc2rmbrVrBwu23pDx6s2mchZHNWDwfL1.wbn"
  }
}

Multiview camera modes

<p align="center"><iframe width="100%" height="400" src="https://i.imgur.com/jr8s96H.mp4" frameborder="0" allowfullscreen allow="vr"></iframe></p>

Using an xrpackage to change your avatar

<p align="center"><iframe width="100%" height="400" src="https://i.imgur.com/EsKP3Lz.mp4" frameborder="0" allowfullscreen allow="vr"></iframe></p>

Mirrors can now be xrpackages as well

<p align="center"><iframe width="100%" height="400" src="https://i.imgur.com/frx5YFH.mp4" frameborder="0" allowfullscreen allow="vr"></iframe></p>

---

## Cryptopolys

**Website: https://cryptopolys.com/**
**Github: https://github.com/webaverse/cryptopolys**

Not only should you be able to experience spatial web objects or AR apps. You should be able to create them in the spatial web. Cryptopolys allows you to create and author unique spatial objects, visually that you own using a web browser.


Aims to be the easiest and most accessible tool to build AR-able applets in your browser. Comes with multiplayer functionality.


Craft and mint 3D ERC 1155 tokens from digital clay. Upload your own files and modify them. The drawn geometry can be cut and shaped into a desired form and has the usual pinchable interface to rapid build spatial web objects.


Cryptopolys also supports ability to drop in images, textures, and other 3D models.

Everything that is made can be exported as a glTF file, tokenized.


https://api.cryptopolys.com/data/e0f74efdef8b6d1ceb29d0a94561b04d.glb


By running a simple script, objects are also deployable to the grid as semi-fungible [ERC1155](https://opensea.io/blog/guides/non-fungible-tokens/#ERC1155) tokens.

With the current architecture, different deployment base layers (e.g. "deploy to VRC layer") is possible since these are AR layer apps. The size of the app determines how much space it takes and for performance reasons space is limited. Apps can also just be reality layer nodes (e.g. exokit web).

---

## MetaRTC

**Website: https://metartc.com/**
**Github: https://github.com/webaverse/metartc**

Multiplayer rooms for spatial apps aka Metaverse party system.


Enter a room code on your wrist, or navigate in from a URL, and instantly be able to connect with others with that code with real time metadata, voice, and video all over the WebRTC standard.


The idea behind the AR keyboard is you meet in some app and can make a party to stay connected. Users can play different games/do different things but still remain socially connected through the web, bypassing Facebook's Oculus Party.

Opening scene in RPO: https://youtu.be/CaZg4627AOE?t=38

Early telecom system for the multiverse. Gives a hud view into the other person's game in metachromium with SBS3D

**Tests**

<iframe width="100%" height="400" src="https://www.youtube.com/embed/4pOTXmN01lc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

https://gyazo.com/090a9ce2069e7689b96bbb2fb6d6ef27
https://gyazo.com/5223f279dd6e325292dbd66dedae5965

Next on list: ability to change avatar

---

## Composer

**Website: https://metacomposer.com/**
**Github: https://github.com/exokitxr/composer**

Combining packages into a performant, persistent world.

Testing out the massive object scene graph


General technique for infinite scenes using chunks.


Texture atlases for all meshes in the scene, it scales the textures so it can fit in one call per chunk.


the miku textures are drastically reduced for a fast chunking load

<iframe width="100%" height="400" src="https://www.youtube.com/embed/Y70vcs3oV14" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

https://www.youtube.com/watch?v=Y70vcs3oV14

---

## Optimization


https://hub.vroid.com/en/characters/5706795844031892064/models/2219514691229167139

One draw call, compressed down to 512px for the entire thing. The compressed version is about 10% the size, and about 10x the render speed.

The system is using the full fidelity for actual players, but for like crowds and LODs this technique 10xs the amount. Sprites would make this go even further.

---

## Third Party Clients

Avaer has created third party clients that can dynamically render the virtual worlds of [Decentraland](https://hackmd.io/@xr/dclflow), [Cryptovoxels](https://cryptovoxels.com), and [Mozilla Hubs](https://hubs.mozilla.com). This has similar implications to how companies like Niantic, Magic Leap, and Facebook 3D scan the world in order to create a real-world spatial index for anchoring digital content to, but for virtual worlds.

**Mozilla Hubs: https://github.com/webaverse/h**


**Decentraland: https://github.com/webaverse/dcl**


**Cryptovoxels: https://github.com/webaverse/cv**


---

<p align="center"><iframe width="100%" height="400" src="https://i.imgur.com/frx5YFH.mp4" frameborder="0" allowfullscreen allow="vr"></iframe></p>

---

## Blog posts

Topics to write about:

### On the Ownership of NFTs

NFTs are amazing, promising true ownership of digital assets secured by blockchain technology. However, What does ownership look like? How many of them are operable outside of the platform they were designed for?

### Freedom and What's at Stake

---

### Friction in the Ecosystem

---

### Metaverse Wishlist

---

### Designed around users vs top down

---

### Why the 3D internet hasn't taken off

---

### Inefficiencies of the Current Ecosystem

the structures are broken top to bottom
from facebook to silos

---

## Roadmap