{"id":19078258,"url":"https://github.com/annavitali/corquet.io-examples","last_synced_at":"2026-04-18T10:32:50.182Z","repository":{"id":153135955,"uuid":"625238970","full_name":"AnnaVitali/Corquet.io-examples","owner":"AnnaVitali","description":"This repository contains examples that show how to use BABYLON.js and Croquet.io with WebXR and eXtended Reality","archived":false,"fork":false,"pushed_at":"2023-04-19T13:24:31.000Z","size":4355,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-22T05:25:34.228Z","etag":null,"topics":["babylonjs","croquet","extended-reality","holoelens2","mrtk","webxr"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/AnnaVitali.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":"2023-04-08T13:51:01.000Z","updated_at":"2023-06-19T08:56:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"5f7a4960-82a7-431d-a8d8-85a4899cf205","html_url":"https://github.com/AnnaVitali/Corquet.io-examples","commit_stats":{"total_commits":29,"total_committers":2,"mean_commits":14.5,"dds":"0.13793103448275867","last_synced_commit":"7eb3ddd58a3c7f3c866f1676d4ac56e09a318fab"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AnnaVitali/Corquet.io-examples","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnnaVitali%2FCorquet.io-examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnnaVitali%2FCorquet.io-examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnnaVitali%2FCorquet.io-examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnnaVitali%2FCorquet.io-examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AnnaVitali","download_url":"https://codeload.github.com/AnnaVitali/Corquet.io-examples/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnnaVitali%2FCorquet.io-examples/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31965837,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["babylonjs","croquet","extended-reality","holoelens2","mrtk","webxr"],"created_at":"2024-11-09T02:07:53.082Z","updated_at":"2026-04-18T10:32:50.165Z","avatar_url":"https://github.com/AnnaVitali.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Corquet.io-examples\n\nThis repository contains some examples of applications made using BABYLON.js and Croquet.io\n\nIn detail the examples realized have as objective to create a collaborative XR experience thanks to the use of WebXR.\n\n## Change Color Hologram example\n\nThis example gives the possibility to the different connected users to view the same hologram and to be able to modify the color by means of a dedicated menu, realized through the support to the MRTK that BABYLON.js provides.\n\nYou can find the example in the directory `ExampleChangeColorHologram`.\n\n![Alt Text](img/change_color.gif)\n\n**Notice**: the little latency that you see is due to the screen mirroring application to project the smartphone screen on te PC. \n\n## Manipulate Hologram example\n\nThis example shows how it is possible to enable the manipulation of the hologram thanks to the elements made available by BABYLON.js and how to propagate the changes to other connected users.\n\nYou can find the example in the directory `WebXRApp`.\n\n![Alt Text](img/web_xr_app.gif)\n\n**Notice**: the little latency that you see is due to the screen mirroring application to project the smartphone screen on te PC. \n\n\n## How to run the examples\n\nSince WebXR only works on secure sites (https) or localhost, in order to launch the application with a specific IP address, you must associate a certificate to the web page. To do this you can use openssl and execute the following commands in the application directory:\n\n```shell\nopenssl genrsa -out private_key.pem\n```\n\n```shell\nopenssl req -new -key private_key.pem -out csr.pem\n```\n\n```shell\nopenssl x509 -req -days 9999 -in csr.pem -signkey private_key.pem -out cert.pem\n```\n\nOnce you have created the certificate you can launch the application by running the following commands:\n\n```shell\nnpm install\n```\n\n```shell\nnode app.js\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fannavitali%2Fcorquet.io-examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fannavitali%2Fcorquet.io-examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fannavitali%2Fcorquet.io-examples/lists"}