Link Search Menu Expand Document

Screenshare

You can share your screen in the ARENA following the tips below.

Screenshare on Primitive Objects

There are a few hints to help you establish objects to screenshare on.

  • If you choose the name/ID of an already existing object in a scene, it will set the texture of that existing object to be your screen.
  • If you choose an object that does not exist in a scene, it will spawn a new screen sharing plane with your chosen object_id. This object is not sent through the MQTT bus but is still created for all clients.
  • Once you have selected your object name, it will open a new tab that allows you to choose which screen you want to share, and ARENA will automatically place that screen onto the object with an object_id you specified.
  • You can do whatever you want the object you’re screen sharing on as if it were a normal arena object (change size, shape, attach children, etc). This also applies to the object screenshare; it’s just a standard ARENA object with object_id: screenshare!
  • When an object is dynamically created with the screen share button, it won’t go away after you stop screen sharing. It will only go away if you refresh the page.
  • You can no longer screenshare to every and any object. only objects with attribute screenshareable=True can be screen-shared on.
  • Screen share button now gives a list of objects with screenshareable=True and lets you select from them. you are allowed to select multiple.
  • An object with id screenshare will be created like before if there are no screenshareble objects in a scene.

Screenshare Custom Flat Screen Example

If you want to create a custom screen with traditional flat properties, the below example is one way. Note the box object type in use, adjusting the depth, height, width properties for the screen ratio we want. Applying the material texture to the outside of the box mesh ("material": {"side": "front"}) allows the screen to render from left to right on both sides since it is a box with 6 front planes and 6 back planes. The plane object, conversely, has 1 front plane and 1 back plane, and is another good primitive type to use.

{
  "object_id": "screen-flat",
  "data": {
    "object_type": "box",
    "depth": 0.1,
    "height": 3,
    "width": 5.3,
    "position": {
      "x": 3,
      "y": 2.7,
      "z": 0
    },
    "material": {
      "color": "#ffffff",
      "shader": "flat",
      "side": "front"
    },
    "screenshareable": true
  }
}

Screenshare Custom Curved Screen Example

If you want to create a custom screen with curved screen properties similar to a curved monitor, the below example is one way which generally mimics the A-Frame a-curvedimage primitive. Note the cylinder object type in use, adjusting the radius, height, thetaStart, thetaLength, openEnded properties for the screen ratio we want. Applying the material texture to the ("material": {"side": "double", "repeat": {"x": -1, "y": 1}}) allows the screen to render in reverse from left to right on both sides which has the effect of producing the correct left to right forward view on the inside curve of the cylinder since an open ended cylinder has 1 side front plane and 1 side back plane.

{
  "object_id": "screen-curved",
  "data": {
    "object_type": "cylinder",
    "height": 5,
    "radius": 10,
    "position": {
      "x": 3,
      "y": 2.5,
      "z": 7
    },
    "material": {
      "color": "#ffffff",
      "side": "double",
      "shader": "flat",
      "repeat": {
        "x": -1,
        "y": 1
      }
    },
    "openEnded": true,
    "thetaLength": 60,
    "screenshareable": true,
    "thetaStart": 150
  }
}

Screenshare Walkthrough

  • Click the More Options icon:
  • Click the Screenshare icon:

  • You will be asked to confirm if you intend to share your screen to the scene.

  • You can enter multiple screen object_id comma-delimited to share to multiple screens.
  • For a single screen share, the default screenshare id is typically a good option.

  • Select screens or application sharing.

  • ARENA will open a new tab showing which view is being shared.
  • Click Exit to end screen sharing.

  • The ARENA scene view will now show your screen mapped across each object_id chosen.

  • Closeup view.

Using PowerPoint

  • Slide Show -> Setup Slide Show Options -> Browsed by an individual
  • Right-click during presentation brings up cursor options
  • Select Browsed by an individual
  • Select Slide Show
  • Select Setup Slide Show

Single Window Present

  • Select Slide Show tab
  • Select Setup Slide Show
  • Select Browsed by an individual (window)

  • Right-click for Pointers.