Fire-side chat with Ahad Shams

Rate this content
Bookmark

The open interoperable metaverse and why Webaverse believe Web is the best medium for it. How this will give rise to game development / 3D on the web.

Ahad Shams
Ahad Shams
27 min
11 Apr, 2022

Comments

Sign in or register to post your comment.

Video Summary and Transcription

The Talk discusses the concept of a more spatial web and the importance of open standards, privacy, and transparency in the development of WebAverse. It emphasizes the engagement with the developer community and the breakthroughs in creating high-fidelity 3D experiences on the web. The Talk also highlights the challenges of building a browser game engine and the support for VRM Fuzz and targeting creators and communities. It mentions the advantages of building 3D experiences on the web and the development of 2D based experiences.

1. Introduction to WebAverse

Short description:

The core realization is that the next version of computing should be a more spatial web. We believe in freedom of expression and the ability for anyone to build their own spatial web. It is important to have neutral and opinion agnostic infrastructure, which the web provides. The web is the most democratic medium.

Hello, Hesar, thanks for having me. And I'm assuming that at least some of you attended the workshop, which was done by my co-founder, Avier, yesterday. It was quite extensive in which he basically gave an overview of what we were trying to do at WebAverse. But at the very core, what we were trying to do, the core realization was that, OK, it's whatever is the next version of computing, if it's a more spatial presence, we need to just take the 2D web into a 3D web, right?

And a lot of people don't think of the web as 3D because it has just gone to native applications as well as app stores, right? Like, all the 3D applications, we just associate more with that. But Aviar's, you know, life has been around the web. He was the founding engineer at Webflow, then basically went to ship the first VR browser out of Magic Leap. And then he made his own VR browser as well, Exo Kit. And at the core, what we're trying to do is we believe that whatever is the next, you know, version of computing, the more spatial, immersive one, it needs to fulfill these four or five things, which we believe the first one is freedom of expression, which means that anyone should be able to build their own stuff, which could include avatars, which could include environments. It's the same concept as the web page, right? Like, people will be able to build their websites and host it. So it's the same concept, but now it's a bit complicated. So we felt that it is extremely important for us to at least create a system so that even non-developers are able to do that, right? They are able to like build their own next version of a more spatial web.

The second one we believe is that it's important to have like neutral and opinion agnostic infrastructure, which is what web fulfills anyways. You know, once you are in app stores and platforms, then you have to live by the rules of those app stores and platforms, which could be quite opinionated sometimes, whereas, you know, whenever anything is on the web, it's completely democratized, right? And web to this day is the most democratic medium.

2. Open Standards, Privacy, and WebAverse

Short description:

The third one is very important. We believe in leveraging open standards for interoperability in both 2D and 3D development. In the world of 3D, we are seeing adoption of standards like GLB, GLTF, and VRM for avatars. Building on standard file formats allows for easy portability between game engines. Additionally, we prioritize strong guarantees of privacy and the importance of transparency in algorithms. We are building WebAverse with these principles in mind, and we have already achieved a high fidelity 3D experience on the web with open source tools.

The third one is very important. And I think anyone who does development on the web, for them it's very intuitive, is to leverage open standards for interoperability. We do it in 2D all the time. For example, we use JPEG, PNGs. The same thing needs to be just transported into the world of 3D, right? So in 3D we started this long time ago, but already we are seeing some adoption in terms of standards, for example, for 3D, the file format which is coming out is GLB, GLTF, another file format which we are pushing. And I think there's a big significant Japanese community, which is also pushing is VRM, that's for avatar. So it's like a ribbed version. It's an extension of GLTF only, but it's like a ribbed version with already humanoid movements to find, as well as emotes and et cetera. Also define. Similarly, we are using like some other extensions as well, but they're all based on standard file formats and all is open source.

One important thing which is I think a bit different is what we believe is the right of exit and that anyways, you are able to achieve if you build anything on standard file formats, because then you can just port something which you build on one game engine to the other and it's super easy to do it, right? And that's also come very intuitively to anybody who does web based development. But it might not be very intuitive to people who are building it on close party engines and like close that forms, right? Like for example, if you build an experience within roadblocks, you can't just like port it out to some other engine, right, like it doesn't work that way.

And the last one is, you know, strong guarantees of privacy. And that's a bit of a more broader arching team. But basically what we're trying to do is like, for example, today, like we talk about search engines, we talk about social media, we don't really know like what are the algorithms on which these work? And I think when we have more spatial presence, like privacy is going to become much more important. So even if it's not like commercial license or MIT license based product open source, at least there should be a view source component attached to it so that, you know, like it's not a question of that. You don't want to be evil. You just can't be able to write cause like the public audit and the eyes will always be on you. So these are the things on which we started building WebAverse. And to be very honest, when I started with WebAverse, I also did not believe that, you know, we'd be able to achieve something like this on the web. But like anybody can go and check out our live demo. We're getting like a full high fidelity 3d experience on the web with full body humanoid with hair physics. And it's super easy to build stuff with it, right? Like you can literally just like drag and drop your 3d assets in, it automatically generates the collision mesh, and you can create an environment within like five minutes and the fact that it's open source, you know, you can just like go and like mod the code and you know, you can add your shaders, etc. Or do it as well. Uh, some of the experiences which we have, uh, made, uh, if I can like share it on some link, uh, I'd be like happy to share it. But like, we sh we share a lot of our stuff on our Twitter, uh, the handle is webovers. So I would like request anybody to like just go through the timeline and they could see. Uh, basically like at this point in time we have physics based everything, you know, like you can name vehicles, pets, um, variables, uh, weapons, and it's all based on a, you know, like standard, like 3d file formats. And the beauty is that when it's open source, we build like one version of it and then, you know, anybody can just go and like build a hundred different versions of it, which is already happening. Like we haven't even started.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Optimizing HTML5 Games: 10 Years of Learnings
JS GameDev Summit 2022JS GameDev Summit 2022
33 min
Optimizing HTML5 Games: 10 Years of Learnings
Top Content
The open source PlayCanvas game engine is built specifically for the browser, incorporating 10 years of learnings about optimization. In this talk, you will discover the secret sauce that enables PlayCanvas to generate games with lightning fast load times and rock solid frame rates.
Building Fun Experiments with WebXR & Babylon.js
JS GameDev Summit 2022JS GameDev Summit 2022
33 min
Building Fun Experiments with WebXR & Babylon.js
Top Content
During this session, we’ll see a couple of demos of what you can do using WebXR, with Babylon.js. From VR audio experiments, to casual gaming in VR on an arcade machine up to more serious usage to create new ways of collaboration using either AR or VR, you should have a pretty good understanding of what you can do today.
Check the article as well to see the full content including code samples: article. 
Making Awesome Games with LittleJS
JS GameDev Summit 2022JS GameDev Summit 2022
34 min
Making Awesome Games with LittleJS
LittleJS is a super lightweight game engine that is easy to use and powerfully fast. The developer will talk about why he made it, what it does, and how you can use it to create your own games. The talk will include a demonstration of how to build a small game from scratch with LittleJS.
How Not to Build a Video Game
React Summit 2023React Summit 2023
32 min
How Not to Build a Video Game
In this talk we'll delve into the art of creating something meaningful and fulfilling. Through the lens of my own journey of rediscovering my passion for coding and building a video game from the ground up with JavaScript and React, we will explore the trade-offs between easy solutions and fast performance. You will gain valuable insights into rapid prototyping, test infrastructure, and a range of CSS tricks that can be applied to both game development and your day-to-day work.
Boost the Performance of Your WebGL Unity Games!
JS GameDev Summit 2023JS GameDev Summit 2023
7 min
Boost the Performance of Your WebGL Unity Games!
Unity, when deployed on the web, faces three critical challenges: build size, memory usage, and overall performance. This lecture delves deep into advanced optimization techniques to help you address each of these issues. Attendees will gain insights into:
- Effective strategies for optimizing textures, audio, and models.- A detailed analysis of our ASTC experimentation with Unity, shedding light on the unexpected results despite Unity's claims.- A comprehensive guide to Unity's memory profiling tool and its implications.- An exploration of lesser-known Unity settings that remain underutilized by many developers.
Additionally, we'll introduce our proprietary tool designed specifically for Unity optimization. We will also showcase CrazyGames' developer dashboard, our platform that enables developers to monitor and enhance the performance of their web-based games seamlessly. 
Join us to equip yourself with the latest strategies and tools to elevate your Unity web gaming projects.

Workshops on related topic

Make a Game With PlayCanvas in 2 Hours
JSNation 2023JSNation 2023
116 min
Make a Game With PlayCanvas in 2 Hours
Top Content
Featured WorkshopFree
Steven Yau
Steven Yau
In this workshop, we’ll build a game using the PlayCanvas WebGL engine from start to finish. From development to publishing, we’ll cover the most crucial features such as scripting, UI creation and much more.
Table of the content:- Introduction- Intro to PlayCanvas- What we will be building- Adding a character model and animation- Making the character move with scripts- 'Fake' running- Adding obstacles- Detecting collisions- Adding a score counter- Game over and restarting- Wrap up!- Questions
Workshop levelFamiliarity with game engines and game development aspects is recommended, but not required.
PlayCanvas End-to-End : the quick version
JS GameDev Summit 2022JS GameDev Summit 2022
121 min
PlayCanvas End-to-End : the quick version
Top Content
WorkshopFree
João Ruschel
João Ruschel
In this workshop, we’ll build a complete game using the PlayCanvas engine while learning the best practices for project management. From development to publishing, we’ll cover the most crucial features such as asset management, scripting, audio, debugging, and much more.
Introduction to WebXR with Babylon.js
JS GameDev Summit 2022JS GameDev Summit 2022
86 min
Introduction to WebXR with Babylon.js
Workshop
Gustavo Cordido
Gustavo Cordido
In this workshop, we'll introduce you to the core concepts of building Mixed Reality experiences with WebXR and Balon.js.
You'll learn the following:- How to add 3D mesh objects and buttons to a scene- How to use procedural textures- How to add actions to objects- How to take advantage of the default Cross Reality (XR) experience- How to add physics to a scene
For the first project in this workshop, you'll create an interactive Mixed Reality experience that'll display basketball player stats to fans and coaches. For the second project in this workshop, you'll create a voice activated WebXR app using Balon.js and Azure Speech-to-Text. You'll then deploy the web app using Static Website Hosting provided Azure Blob Storage.