Tutorial: Abrir Página Web con Entidades

Las entidades se utilizan a menudo para agregar objetos a tu entorno. Sin embargo, puedes hacer mucho más con esto cuando usas secuencias de comandos (scripting) para definir su comportamiento. En este tutorial, usaremos una entidad como un botón para abrir una página web en tu tableta. Puedes usar este tutorial para hacer cosas como dirigir a tus visitantes a una tienda externa para comprar un artículo.

Prerrequisitos

Considera familiarizarte con los siguientes conceptos antes de comenzar este tutorial:

Escribir un Script para Abrir una Página Web

El script utilizado aquí abre una página web en la Tableta o el navegador web externo cuando un usuario hace click o activa una entidad. En este ejemplo, hemos escrito un script de entidad cliente que abre la documentación de Overte cuando se activa una entidad/elemento. El script busca la URL en la propiedad "User Data" (Datos de usuario) de la entidad.

Puedes conseguir el script aquí.

Crear una Entidad para Usar como Botón

La entidad que creaste para tu botón tiene que ser activable (triggerable) para que el script pueda detectar cuando tu actives o presiones el botón con los controladores de mano.

  1. En la interfaz, trae tu HUD o tableta y ve a Crear.

  2. Crear una entidad para ser usada como botón. Puede ser un modelo 3D, un cubo o una entidad de esfera.

  3. Ve a la pestaña "Properties" en la parte superior y baje a la pestaña "Behavior" (Comportamiento) sobre el lado izquierdo de la ventana.

  4. Configúralo como "Triggerable" (Activable).

  5. A continuación, ve a la pestaña "Script" y pega la URL del script. En este caso, es clickToOpenBrowser.js.

  6. Pega los siguientes datos JSON en el campo "User Data" de tu entidad:

{
  "useConfirmDialog": true,
  "confirmDialogMessage": "Are you sure you want to open this link?",
  "url": "https://docs.overte.org/",
  // options are "interface" and "browser"
  // "interface" opens an overlay, "browser" opens the OS' external browser.
  "openIn": "interface",
  "dimensions": {
    "width": 1600,
    "height": 900
  }
}

  1. Después de que salgas de la aplicación Create, prueba tu script cliqueando o activando el botón para abrir la página web.

Ver también