---
# System prepended metadata

title: dwebvr
tags: [hackfs]

---

# dwebvr

###### tags: `hackfs`

**Website: https://hackfs.com**
**Slack: https://filecoinproject.slack.com/**
**Info: https://hackfs.com/hacker**
**Notes: https://hackmd.io/@XR/ipfsvr**
**Hubs: https://hubs.mozilla.com/Mrs2Z6t/hackfs**
**Deadline: 23:59PM ET on August 06th**

---

## Why

The decentralized web needs a decentralized filesystem, but more importantly it also needs killer use-cases and applications for driving mass adoption. 

https://youtu.be/P28aNAdZDi4?t=6836

![](https://i.imgur.com/t6C34bA.jpg)


VR/AR requires a ton of data and speed, especially as hardware becomes more capable. Having any lag in the system can induce motion sickness in players quickly.

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

Together there's a great product market fit. Distributed systems like IPFS can help build a resilient backbone that the Metaverse needs to scale and meet the performance demands of spatial computing.


DwebVR aims to make the next generation of VR/AR development easier by providing a startkit for creating, publishing, and linking together virtual worlds on the decentralized web.


However, VR/AR development that can leverage distributed systems has traditionally been quite difficult. Open standards like WebXR present an opportunity to rethink how we build and distribute digital realities.



DwebVR inspires action. It is part builder kit, part proposal for an online community to create the virtual idea factory that can host virtual events, proto.schools, and hackathons in the future. 




The community needs to get to know each other better first. I'm building a system for us to spatially explore the IPFS ecosystem like a convention. Adding multiplayer server support then opens opportunity for networking hallway and booth interactions.


---

## Tech

#### Web3

- https://filecoin.io/
- https://fleek.co/
    - https://nullspace.on.fleek.co/
- https://unstoppabledomains.com/
    - https://viewblock.io/unstoppable/makersdistrict.crypto
- https://pinata.cloud/


https://nullspace.on.fleek.co/
https://ipfs.fleek.co/ipfs/QmRwkfdASr1Z5hoB3iGgxWYQ3q6NofecduR79B5tPux6Gf

#### WebXR

- https://github.com/webaverse
- https://xrpackage.org/
- https://github.com/jbaicoianu/janusweb



---

## Ideas

- Home Space: https://github.com/madjin/home-space
- WebXR world and assets on Filecoin
- The Street
- Restaurant
    - How does it relate to IPFS / Filecoin?
        - Host a restaurant 3D world on dweb?
- DAO for virtual event productions
    - Aragon: https://aragon.org/
- Visualizing the IPFS ecosystem
    - Idea: 3D model the logos
    - Idea: Create a list of links and make nodes in AArcade
    - Spatialize and then take interactive HTML screenshots
- Immersive [proto.school](https://proto.school)
- Game within a game (VRcade)

**List: https://hackfs.com/ideas**

- IPFS powered Cryptovoxels or Decentraland
- Globe visualization of Filecoin network activity
- Encrypted picture galleries with IPFS
    - Cryptoart gallery?
- Game Dapp Store
    - Make a decentralized app store for games, distribute all the game assets with IPFS
- Buy vroid wearables inside a WebXR merch shop
    - Use Exokit avatars in the demo


---

## Schedule

https://app.slack.com/client/TEHTVS1L6/G01654S1NE8/thread/C015XH7TJ2Z-1594106306.436700

Mon. July 20
9:00 PM ET :clock3: Juan Benet: Office Hours // 15 min slots focused on App architecture and feedback // Sign up here
Tues. July 21
12:00 PM ET :clock3: Metamask: Office Hours w/ Dan Finlay // Join Zoom Session
1:00 PM ET :clock3: Infura: Office Hours w/ Mike Goldin // Join Zoom Session
Wed. July 22
12:00 PM ET :speaking_head_in_silhouette: Textile AMA w/ Andrew Hill, Sander Pick // Join Zoom Session
:arrow_right: NEW 8:30 PM ET :rocket: The Future of Decentralized Social Media w/ Balaji Srinivasan, Vitalik Buterin & Juan Benet // Join Webinar // Watch on Youtube
Thurs. July 23
10:30 AM ET :clock3: Fleek: Office Hours w/ the team // Register using the form here
12:00 PM ET :clock3: Textile: Office Hours w/ the team // Join Zoom Session
5:00 PM ET :clock3:  Unstoppable Domains: Office Hours w/ the team // Register here
Fri. July 24
1:00 PM ET :hammer_and_wrench: Ceramic: a network for smart documents w/ Michael Sena // Join Zoom Session
Time TBD :mortar_board: Hack Feedback #3 

---

## Dweb VR

One of the lowest hanging fruits of dweb VR is hosting a WebXR site using IPFS / ENS. So far there are two known examples (made by jin):

- https://home.hackerlab.eth
- https://snow.hackerlab.eth

Both of these are using [pinata.cloud](https://pinata.cloud/) for pinning. We also can use ENS domains such as webxr.eth or purchase [dwebvr.eth](https://app.ens.domains/name/dwebvr.eth) for the hackathon.


### Templates

There need to be more easy to remix templates for making dweb VR sites. When you want to build a website today you don't usually have to start from scratch with HTML, instead you can remix a template for a blog, landing page, shop, etc.

We can start from big to small such as environments, prefabs (buildings), and interactive models (like vending machines).

### Hosting

- Upload templates using IPFS / Filecoin and use an ENS domain (like webxr.eth) to host the VR site
- Github as backup and version control
- Unstoppable Domains and pinata.cloud for bounties


### Linking Worlds

There are no current examples of linking dweb VR worlds together using portals or grids. We can bi-directionally link the templates together in an arrangement to bootstrap a network.

This is similar to how the first WWW site described how to setup your own web server and the concept of hyperlinks. 

---

## Notes

Juan Benet mentions in his Filecoin overview talk that at the end of the day the most important part for any sort of network is the applications. Really cool use cases is the main important thing. https://youtu.be/P28aNAdZDi4?t=6836

![](https://i.imgur.com/t6C34bA.jpg)

For HackFS Protocol Labs is very interested in the entire lifecycle of a consumer web3 application that can be hosted completely on the Filecoin network. https://youtu.be/P28aNAdZDi4?t=7160

Computing on the network is super interesting to them as well, public data much easier than private data (see Golem or RNDR token for distributed rendering).

- https://hackernoon.com/introducing-dchat-decentralized-chat-for-all-ya2y3ypo
    - A composable, open-source chat protocol built on GunDB
- [M3 Workflow for Interdimensional Trade in Tough Times by Avaer
](https://www.youtube.com/watch?v=Ut3hiYfzwjY&feature=youtu.be)
- [Metaverse News Apr 25 with Avaer @M3](https://www.youtube.com/watch?v=bMmDEEsvKj0)




---

## WebOS

This is the 2D frontend of DwebVR which provides a link to enter world and options for configuration and documentation. It would be nice to find a static HTML template for game title screens or make one using JanusWeb.

This can also be forked from JanusWeb VRTO demo, a custom startpage, or something artistic as seen on neocities. Here are some examples:

- https://github.com/madjin/startpage
- https://startpages.github.io/
- https://github.com/gdg-x/hoverboard
- https://github.com/syxanash/awesome-web-desktops

![](https://i.imgur.com/65OecGE.png)

- https://www.janusxr.org/vrto2020/
- https://cyberium.club/index.html
    - https://cyberium.club/net_culture.html
- https://www.agentsofcyber.com/
- https://github.com/janusvr-examples/camera-path

CSS dock

- anytype
- nextcloud
- guacamole
- cryptovoxels
- janusweb
- dweb search
- dtube
- peerpad



## Hub

**Meeting space: https://hubs.mozilla.com/Mrs2Z6t/hackfs**

This is the 3D world map that links to the other DwebVR demos. Few ideas come to mind about how to build this.

### Layout

- This can be through careful central planning or sprawl
- Central planning might be something like a campus, Bell Labs, or Hogwarts
- Sprawl is something like the bazaar, burning man, kowloon walled city

Top down island design? MagicaVoxel + JanusWeb / Unity / Blender?
    
### Templates and Prefabs

- 3x3x3 standard shell scheme booths
    - https://www.pinterest.com/clexhibiteve/shell-scheme-stands/
    - https://neet-shop.booth.pm/items/2205551
        
![](https://i.imgur.com/1NxOfny.png)


![](https://i.imgur.com/B5O12DW.jpg)


---

### Educational Demos

#### Classrooms

- High ceilings
- Small class sizes
- Small file size (WebXR compatible!)


![](https://i.imgur.com/2kGjEPH.jpg)


#### Lessons

Interested in learning how to build self-hosted VR apps that can run in your browser on the decentralized web? We're providing a starterkit aimed at lower the barrier to entry for creating your first virtual reality experiences. This project contains free assets, templates, guides, and a social virtual world that connects all these resources together.

1. How to produce hologram presentation

- Software used
    - https://github.com/malaybaku/VMagicMirror
    - https://obsproject.com/
    - FFmpeg

Teach people how to record a hologram of themselves using only OBS and vmagicmirror. There are several advantages to learning this technique:

- You'll always look good when using an avatar
    - Great lightning and best outfit everytime
- Perfect green screen using virtual background
    - Expands production possibilities
- Grants the speaker pseudonymity privileges
    - For privacy conscious folks or sensitive topics, this is a blessing
    - Layer of protection from cancel culture

OBS template

![](https://i.imgur.com/FoZOTgm.jpg)

![](https://i.imgur.com/piu9ODA.png)

![](https://i.imgur.com/CN0GvAR.png)

![](https://i.imgur.com/JjhUJUO.png)

- [ ] Bash script to cut video into speaker and presentation
- [ ] Spatialize in a WebXR scene

This can be useful for physical chapters to turn into virtual ones with [proto.school](https://proto.school/#/events).

https://upload.wikimedia.org/wikipedia/commons/9/95/Solid_green.svg%281%29.png

---

2. 3D scanning tutorial

Set inside of a hackerspace, lesson on how to 3D scan food. Short slideshow presentation with a dozen slides and live demo. At the end we can create a 'food world' where we play with scale.

- Vroid model: https://hub.vroid.com/characters/5716381188144990922/models/7793939828825439157
- Food scans: https://booth.pm/en/items/1946829


![](https://i.imgur.com/lJxKvqu.png)

---

## Logos

**Awesome: https://github.com/ipfs/awesome-ipfs
Ecosystem: https://github.com/madjin/ipfs-ecosystem**

![](https://i.imgur.com/RctC3Kh.png)



![](https://i.imgur.com/UsTjNBw.jpg)



- [x] Made a list and downloaded logos of all the projects
- [x] Created wall nodes of every category in Anarchy Arcade
- Soon have ability to download [MSF](https://github.com/smsithlord/MetaShortcutFormat) of nodes, export JSON
- Make readmes for each category with more links

---

## Third Week

- https://hackmd.io/FPo__bmYTnWyeOfYHrRr2w - Grid Part 4
- https://github.com/madjin/internet-archive-vr - Internet Archive
- https://www.cryptovoxels.com/account/spaces - Spaces

---

- JanusWeb Digi-physical Spaces
    - Github -> Fleek -> IPFS -> ENS
        - Internet Archive
        - Hackerspaces
        - Home Space


Add vket booths to M3-assets
Take interactive screenshots of categories MSF
Create node of interactive screenshots arranged in same layout
Make sample booths with a category
Make expo world in VRChat / Hubs


Demo

- Epic readme / proposal
- Startpage
    - make navbar
- Launch into various experiences

---