Code Monkey home page Code Monkey logo

awesome-webxr's Introduction

Awesome WebXR Awesome

A curated list of WebXR links and resources.

WebXR comprises a group of standards that allow browsers to access virtual and augmented reality devices, enabling developers to create immersive content that's easily accessible online, without the need for installations or storefront curation.

Contents

Standout Projects

Impressive and notable WebXR projects.

  • Hello WebXR - Made to commemorate the release of the WebXR 1.0 API, showcases just a bit of what's possible with WebXR.
  • Moonrider - A rhythm game built by Supermedium similar to Beat Saber.
  • Dudes! - A 3D voxel engine built by Daniel Esteban with three.js and C compiled to WASM. It features WebXR support, physics, pathfinding, a multiplayer-enabled VR sculpting mode with the ability to import/export creations, and more.

Art

Projects centered around artistic creations.

  • Brushwork VR - A VR app that simulates the process of painting with a virtual canvas, palette, color mixing, and more.
  • Silk Brush - A port of Tilt Brush to WebXR with plans for future extensions.
  • VARTISTE - A virtual reality app for 2D drawing and image editing, and 3D model texturing.

Audio

Projects centered around audio and audiovisual experiences.

  • beats - A semi-collaborative app with various rooms where anyone can create or modify an existing musical loop.
  • Cybr - Offers a platform for live immersive listening parties. The recorded portions of their first listening party are still available to view.
  • Fathom VR - A WebXR version of the music discovery app Fathom, which lets you search for and explore clouds of related artists with spatialized audio.
  • Helicon - An immersive introduction to polyrhythms.
  • TRACK - A linear ride through an immersive audiovisual experience developed by Little Workshop.

Avatars

Resources for creating and utilizing 3D avatars in immersive experiences.

  • Exokit Avatars - A web-based avatar system that can load humanoid avatars in multiple different model formats and features arm+leg IK, facial animation via visemes, and more.
  • ReadyPlayerMe - Lets you quickly and easily create a 3D avatar online that you can download in glTF format.
  • VRoid - Lets you create anime-styled 3D avatars that export to the highly-compatible .vrm format.

Communities

Where WebXR developers gather, ask questions, share projects, etc.

Content Hubs

Sites dedicated to gathering, indexing, and publishing WebXR content.

  • 2WSZ - An aggregator for WebXR content featuring ratings, a recommendation system, and both English and Korean language support.
  • Construct Arcade - A curated hub of WebXR games, with games from both outside developers and in-house developers at Vhite Rabbit.
  • XR Swim - An aggregator site for both WebXR and Web3 content.
  • XRSites - An aggregator for WebXR games and experiences.

Development

The tools that make WebXR content possible.

Engines

Frameworks and Libraries

  • A-Frame - Lets you create VR experiences using declarative HTML and custom JavaScript components built on top of three.js.

  • babylon.js - A powerful and feature-rich rendering engine packaged into a JavaScript framework.

  • JanusWeb - An in-browser implementation of JanusVR that lets you build social VR experiences.

  • LÖVR - A Lua-based framework that lets you create VR content across web and native platforms.

  • p5.xr - An add-on for the library p5.js that allows you to create immersive p5 sketches.

  • react-three-fiber - A React renderer for three.js. Additional WebXR-specific hooks and components are available in React XR as well.

  • Spaces VR - A front end framework for quickly creating VR websites built on react-three-fiber.

  • three.js - A JavaScript library for rendering 3D content with WebGL that powers many existing WebXR experiences and tools.

Other

Learning Resources

Courses and tutorials for creating WebXR content.

  • Learn A-Frame (VR) - A roughly 6-hour Codecademy course written in partnership with A-Frame.
  • babylon.js Guided Learning - Detailed text and video tutorials that complement the other instructional pages in the documentation.

Social Spaces

Projects focused on creating social spaces for users to gather and/or collaborate in.

  • Dreamwave - A web-based platform for hosting scalable virtual events. Powered the virtual music festival Secret Sky 2021.
  • FRAME - A platform focused on enabling easy 3D collaborations in a virtual space.
  • Hubs - Mozilla's platform for enabling users to gather and collaborate virtually.
  • Muse - Provides a no-code way to build 3D websites that others can visit.
  • Raspberry Dream Land - A multi-sensory WebXR events platform for facilitating an all-inclusive, safe, and explorative space for radical self-expression, progressive arts and entertainment, social interactions and virtual relationships.

Web3XR

Projects at the intersection of WebXR and crypto/blockchain technologies.

  • 3XR - A project by microchipgnu that has integrated with Mintbase to create virtual galleries for NFT artwork on NEAR.
  • Cryptovoxels - A virtual world powered by Ethereum where players can buy land, build stores, display art, and more.
  • glry.xyz - A site that hosts virtual galleries for NFT art on the Tezos blockchain.
  • Somnium Space Web - A web viewer that allows you to explore parcels from Somnium Space in your browser, with VR support on the Oculus Quest browser.
  • vrland - A platform for gathering and virtual showcases that supports displaying of NFTs.
  • Webaverse - An open-source virtual world powered by Ethereum with support for custom avatars focused on digital ownership, an open economy, and interoperability.

awesome-webxr's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.