Skip to content

Instantly share code, notes, and snippets.

@jamesdeantv

jamesdeantv/crosslink.md

Forked from madjin/crosslink.md
Created September 5, 2020 20:50
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jamesdeantv/c8c84c207521c3a51aab1fe4eeaf53b8 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jamesdeantv/c8c84c207521c3a51aab1fe4eeaf53b8 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @madjin madjin revised this gist Mar 18, 2019. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions crosslink.md
    View file
    Original file line number Diff line number Diff line change
    @@ -48,7 +48,7 @@ Walking through a [teleporter](https://github.com/jbaicoianu/janus-custom-compon

    In this next example the person goes from Janusweb into an Aframe site then back to Janusweb:

    -![Portal loop between Janusweb and Aframe](https://i.imgur.com/w8sWGCy.gif)
    ![Portal loop between Janusweb and Aframe](https://i.imgur.com/0fc6TlT.gif)

    Showcase.js opening Babylon.js examples: <https://vesta.janusvr.com/bepis/portal-hub2/embed>

    @@ -63,7 +63,7 @@ Showcase.js opening VRchat examples: <https://vesta.janusvr.com/bepis/vrchat-hub

    This level of implementation is what JanusVR has built (and now been awarded a patent for: <https://patents.google.com/patent/US20190005717>) and allows users to walk through the internet with seamless portals into other websites:

    -![Stepping between two websites in VR](https://gist.github.com/madjin/ff580a7bbe6cc077cc87c3971801b99f)
    ![Stepping between two websites in VR](https://i.imgur.com/4OjXDY6.gif)

    Opening a door then walking into another website in janus native:

  2. @madjin madjin revised this gist Mar 18, 2019. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions crosslink.md
    View file
    Original file line number Diff line number Diff line change
    @@ -48,7 +48,7 @@ Walking through a [teleporter](https://github.com/jbaicoianu/janus-custom-compon

    In this next example the person goes from Janusweb into an Aframe site then back to Janusweb:

    ![Portal loop between Janusweb and Aframe](https://i.imgur.com/w8sWGCy.gif)
    -![Portal loop between Janusweb and Aframe](https://i.imgur.com/w8sWGCy.gif)

    Showcase.js opening Babylon.js examples: <https://vesta.janusvr.com/bepis/portal-hub2/embed>

    @@ -63,7 +63,7 @@ Showcase.js opening VRchat examples: <https://vesta.janusvr.com/bepis/vrchat-hub

    This level of implementation is what JanusVR has built (and now been awarded a patent for: <https://patents.google.com/patent/US20190005717>) and allows users to walk through the internet with seamless portals into other websites:

    ![Stepping between two websites in VR](https://i.imgur.com/uLIEjI5.gif)
    -![Stepping between two websites in VR](https://gist.github.com/madjin/ff580a7bbe6cc077cc87c3971801b99f)

    Opening a door then walking into another website in janus native:

  3. @madjin madjin revised this gist Mar 18, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion crosslink.md
    View file
    Original file line number Diff line number Diff line change
    @@ -46,7 +46,7 @@ Walking through a [teleporter](https://github.com/jbaicoianu/janus-custom-compon

    ![Watching someone go from janus into aframe](https://i.imgur.com/O9THXLU.gif)

    In this next example the person goes from Janusweb into an Aframe site then *back* to Janusweb:
    In this next example the person goes from Janusweb into an Aframe site then back to Janusweb:

    ![Portal loop between Janusweb and Aframe](https://i.imgur.com/w8sWGCy.gif)

  4. @madjin madjin created this gist Mar 18, 2019.
    81 changes: 81 additions & 0 deletions crosslink.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,81 @@
    # Cross-linking

    Objective: Enable avatars and objects to move between virtual worlds.

    ![Portal hub linking to various other WebVR based worlds](https://i.imgur.com/jKjVBZj.jpg)

    ## Levels of Traversal

    Ranking implementations on a sliding scale of interoperability.


    #### Level 1: Open a Link

    Point and click to load a page. In computing, a [hyperlink](https://en.wikipedia.org/wiki/Hyperlink), or simply a link, is a reference to data that the reader can directly follow either by clicking or tapping.

    Example 1: Simple portal [Link](https://github.com/madjin/janus-guide/blob/master/docs/build/room.md#link) in Janusweb

    Demo: <https://vesta.janusvr.com/guide/link>

    Example 2: Link traversal and portals in [Aframe](https://aframe.io)

    Demo: <https://aframe.io/aframe/examples/showcase/link-traversal/>

    Example 3: Links in Cryptovoxels to other WebVR sites

    ![Clicking a link in Cryptovoxels to a networked Aframe site](https://i.imgur.com/A3Rq8iv.gif)

    Demo: <https://www.cryptovoxels.com/play?coords=W@205E,27S>


    ---

    #### Level 2: Basic Portal

    In this tier you can drop a portal in a room that everyone sees and when you walk through it the process begins for transporting you into another world. You can see this in action via the [Teleporter component](https://github.com/jbaicoianu/janus-custom-components/blob/master/utils/index.md#teleporter), [Showcase.js component](https://github.com/jbaicoianu/janus-custom-components/blob/master/utils/index.md#showcase), and with VRchat portals.

    In this example a group is going through a portal someone dropped into another world in VRchat:

    ![People walking through the portal to world hop](https://i.imgur.com/u7o8VfH.gif)

    Walking through a [teleporter](https://github.com/jbaicoianu/janus-custom-components/blob/master/utils/index.md#teleporter) from janusweb into another WebVR site

    ![Crossing between two separate webvr sites](https://i.imgur.com/G7ZyClH.gif)

    [Showcase.js](https://github.com/jbaicoianu/janus-custom-components/blob/master/utils/index.md#showcase) in Janusweb opening a Networked-Aframe site:

    ![Watching someone go from janus into aframe](https://i.imgur.com/O9THXLU.gif)

    In this next example the person goes from Janusweb into an Aframe site then *back* to Janusweb:

    ![Portal loop between Janusweb and Aframe](https://i.imgur.com/w8sWGCy.gif)

    Showcase.js opening Babylon.js examples: <https://vesta.janusvr.com/bepis/portal-hub2/embed>

    Showcase.js opening VRchat examples: <https://vesta.janusvr.com/bepis/vrchat-hub/embed>

    ![Portal hub linking to webvr and native app demos](https://i.imgur.com/89fxIkv.jpg)


    ---

    ## Level 3: Seamless Traversal

    This level of implementation is what JanusVR has built (and now been awarded a patent for: <https://patents.google.com/patent/US20190005717>) and allows users to walk through the internet with seamless portals into other websites:

    ![Stepping between two websites in VR](https://i.imgur.com/uLIEjI5.gif)

    Opening a door then walking into another website in janus native:

    Faster loading times in the future could make this transition as fluid as playing Portal 2 and work across VR and AR. Here is a clip from passthrough camera mode on the Vive Pro: <https://www.youtube.com/embed/shB1ZoJwyms>


    ## Other Examples

    In this example the user approaches a teleporter component that presents a 2D menu connected to various socialVR world APIs and selecting one of these transports the player into that world. Watch the play interact with a Janusweb transporter component to pick and teleport into a High fidelity location.

    [![Janusweb to High Fidelity](https://img.youtube.com/vi/-5vI40u9UvQ/0.jpg)](https://www.youtube.com/watch?v=-5vI40u9UvQ)

    The next iteration of this component can intergrate into the splash screen or a button that opens a UI which a user can pick a world or drop a portal:

    ![Splash menu in Janusweb](https://i.imgur.com/tr66aKC.jpg)