{"id":18245947,"url":"https://github.com/panaverse/metaverse-web","last_synced_at":"2025-04-04T14:31:10.238Z","repository":{"id":112916197,"uuid":"527897835","full_name":"panaverse/metaverse-web","owner":"panaverse","description":"Learn to Build Open Metaverse on the Web.","archived":false,"fork":false,"pushed_at":"2022-09-20T11:16:12.000Z","size":49,"stargazers_count":38,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-20T14:40:19.197Z","etag":null,"topics":["threejs","typescript","webgpu","webxr"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/panaverse.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-08-23T08:23:59.000Z","updated_at":"2025-01-19T17:26:50.000Z","dependencies_parsed_at":"2023-05-01T02:33:17.670Z","dependency_job_id":null,"html_url":"https://github.com/panaverse/metaverse-web","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/panaverse%2Fmetaverse-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/panaverse%2Fmetaverse-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/panaverse%2Fmetaverse-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/panaverse%2Fmetaverse-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/panaverse","download_url":"https://codeload.github.com/panaverse/metaverse-web/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247193955,"owners_count":20899401,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["threejs","typescript","webgpu","webxr"],"created_at":"2024-11-05T09:23:44.076Z","updated_at":"2025-04-04T14:31:10.232Z","avatar_url":"https://github.com/panaverse.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Learn to Build Open Metaverse on the Web\n\nCurious about what Web 3D is capable of in the hands of seasoned developers? Here are some examples from around the web:\n\n[Bruno Simons interactive portfolio](https://bruno-simon.com/)\n\n[Cineshader](https://cineshader.com/)\n\n[Ouigo Let’s Play](http://letsplay.ouigo.com/)\n\n\n## Open Metaverse\n\n[The Metaverse is the Web](https://www.etherealengine.com/blog-posts/the-metaverse-is-the-web)\n\n[How the Open Metaverse Will Transform Our Online Identities](https://thenewstack.io/how-the-open-metaverse-will-transform-our-online-identities/)\n\n[Web 3D, not Web 3.0](https://alexstlouis.medium.com/the-metaverse-or-should-i-say-the-immersive-web-b5bf7dcf6651)\n\n\n\n## Getting Started with Three.js and TypeScript\n\n[Explaining basic 3D theory](https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/Basic_theory)\n\n[Learn Three.js - Fourth Edition, will be our textbook when available](https://www.packtpub.com/product/learn-three-js-fourth-edition/9781803233871)\n\n[Three.js Manual](https://threejs.org/manual/#en/fundamentals)\n\n[ThreeJS Roadmap](https://github.com/Chamepp/3D-Web-Roadmap)\n\n[Learn Three.js for Games using TypeScript (modern way)](https://www.youtube.com/watch?v=p4BHphMBlFA)\n\n[Three.js Types](https://www.npmjs.com/package/@types/three)\n\n[Three.js TypeScript Boilerplate](https://github.com/Sean-Bradley/Three.js-TypeScript-Boilerplate)\n\n## 3D Modeling\n\n[Sketchfab](https://sketchfab.com/) is a 3D modeling platform website to publish, share, discover, buy and sell 3D, VR and AR content.\n\n## Three.js with Next.js\n\n[How to use ThreeJS in React \u0026 NextJS](https://dev.to/hnicolus/how-to-use-threejs-in-react-nextjs-4120)\n\n[How to build a portfolio website using Next.js, Chakra UI, Framer Motion, and Three.js](https://www.youtube.com/watch?v=bSMZgXzC9AA)\n\n[Load animated GLTF models in Next.js app with Three.js](https://oslavdev.medium.com/load-animated-gltf-models-in-next-js-app-with-three-js-8cf0a5d99e10)\n\n## Three.js Learning Material\n\n[Discover Three.js](https://discoverthreejs.com/book/)\n\n[3D-Web-Roadmap](https://github.com/Chamepp/3D-Web-Roadmap)\n\n\n## WebXR with Three.js\n\n[Get started with Augmented Reality on the web using Three.js and WebXR | Part 1](https://medium.com/sopra-steria-norge/get-started-with-augmented-reality-on-the-web-using-three-js-and-webxr-part-1-8b07757fc23a)\n\n[Get started with Augmented Reality on the web using Three.js and WebXR | Part 2](https://medium.com/sopra-steria-norge/get-started-with-augmented-reality-on-the-web-using-three-js-and-webxr-part-2-f10861cd1f1d)\n\n[WebXR](https://immersiveweb.dev/)\n\n[WebXR Resources](https://github.com/msurguy/awesome-webxr)\n\n## WebGPU\n\n[Web GPU Rocks](https://webgpu.rocks/)\n\n[Awesome WebGPU](https://github.com/mikbry/awesome-webgpu)\n\nThere is a new type of Three.js renderer called WebGPURenderer for working with the WebGPU API. \n\n[Three.js WebGPU Examples](https://threejs.org/examples/?q=webgpu)\n\n[WebGPU Resources](https://github.com/mikbry/awesome-webgpu)\n\n## Metaverse using Three.js\n\n[How to Code a Metaverse with Three.js](https://www.youtube.com/watch?v=99KxEdLMT3g)\n\n[Webaverse](https://docs.webaverse.com/docs/index)\n\n## WebRTC for the Metaverse\n\n[How WebRTC Is Driving New and Interesting Use Cases for the Metaverse](https://subspace.com/resources/webrtc-use-cases-for-the-metaverse)\n\n[WebRTC Audio in the Metaverse](https://www.webrtcworld.com/topics/from-the-experts/articles/452651-webrtc-audio-the-metaverse.htm)\n\n[WebRTC Trends for 2022](https://bloggeek.me/webrtc-trends-for-2022/)\n\n[100ms](https://www.100ms.live/)\n\n[Video and Audio conferencing in few minutes with React](https://blog.openreplay.com/video-and-audio-conferencing-in-few-minutes-with-react)\n\n[Building a Video Chat App with Next.js, 100ms, and TailwindCSS](https://blog.openreplay.com/building-a-video-chat-app-with-next-js-100ms-and-tailwindcss)\n\n[Cracking a web based metaverse experience with WebRTC](https://www.youtube.com/watch?v=_QPentc_Gv4)\n\nNote: WebCodecs + WebTransport + WebAssembly can be viewed as a WebRTC replacement in some use cases.\n\n## Y.js\n\n[Watch CRDTs for Non Academics](https://www.youtube.com/watch?v=vBU70EjwGfw)\n\n[Conflict-free replicated data type](https://en.wikipedia.org/wiki/Conflict-free_replicated_data_type)\n\n[CRDTs solve distributed data consistency challenges](https://ably.com/blog/crdts-distributed-data-consistency-challenges)\n\n[I was wrong. CRDTs are the future](https://josephg.com/blog/crdts-are-the-future/)\n\n[Y.js](https://github.com/yjs/yjs)\n\n[Docs](https://docs.yjs.dev/)\n\n[CRDT Implementations](https://crdt.tech/implementations)\n\n[Yjs Blogs](https://www.tag1consulting.com/yjs-podcasts-blogs-conference-presentations-more)\n\n\n## Tools, Libraries, and Frameworks for Metaverse Development\n\n[Top 7 Open-Source Tools and Frameworks for Metaverse Development](https://www.itprotoday.com/software-development/top-7-open-source-tools-and-frameworks-metaverse-development)\n\n[Awesome Threejs](https://github.com/0xAxiome/awesome-threejs)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpanaverse%2Fmetaverse-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpanaverse%2Fmetaverse-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpanaverse%2Fmetaverse-web/lists"}