Skip to main content
100%

send commands to a Mozilla Hubs bot via chat

✓ Published0🌍 Public
UUtopiah
Last edited Apr 2, 2020
Created on Apr 2, 2020

A Mozilla Hubs bot listens to chat messages and triggers actions when a user types a command. The example shows a "save" command that calls `pimvrSaveRemote("HubsTest", "testFromImportToolLibTris")` to save data. The bot runs in the browser and uses the `hubs_bot_command_via_chat.js` script, which loads the Mozilla Hubs library from `https://mozilla-hubs-lib.glitch.me/client.js`. It polls the chat log every 500 milliseconds by selecting `.Linkify` elements, reads the latest message and its author, and avoids repeating commands. The animation renders the bot's behavior in real time within the Hubs client.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist e788d79614e145d046a33bd7b28a7c55

This example connects a Mozilla Hubs virtual room to a Phoenix channel via the Reticulum client, logging real-time chat messages and presence rollups as they arrive. The code subscribes to channel events with `reticulumCh.channel.on` and tracks room occupancy through `PresenceRollups`, sending a test message with `sendMessage` after five seconds. It uses `HubStats` to record arrival timestamps and `dotenv` for configuration, demonstrating how to build a bot that monitors live activity in a Hubs room.

UUtopiah
70% match
Loading thumbnail…

Gist db569066a21ec6afce10f185d9c1f60b

This example demonstrates a text-based bot connecting to a Mozilla Hubs room, logging presence updates and chat messages, and sending a greeting after a delay. It uses the ReticulumClient and HubState classes from the Hubs Discord Bot libraries to establish a Phoenix channel connection, while HubStats and PresenceRollups track room occupancy over time. The bot reads configuration from dotenv files and logs timestamped events to the console, showing real-time hub activity without any visual rendering.

UUtopiah
69% match
Loading thumbnail…

Gist a0b28a0f9e9463498f93690d50c763eb

This example shows a cross-platform remote camera control system, where Twitch chat messages physically move the camera rig in a Mozilla Hubs virtual room. A MutationObserver on the Twitch chat log captures new messages and timestamps, storing them via a placeholder JSON store, while a polling loop in Hubs fetches that history and triggers panning animations toward a Google Poly burger model or resets the camera to its origin. The camera movement uses the A-Frame animation timeline and Three.js’s `object3D.position`, with the camera identity toggled by modifying the Hubs user profile display name.

UUtopiah
68% match
Loading thumbnail…

Gist 27b0eae72764e9e50963cdf7592e7849

This animation tracks avatar positions in a Mozilla Hubs virtual room over time. A JavaScript interval samples connected users every second, storing their networked IDs and Three.js position vectors in localStorage. The visualization reconstructs movement trails from these recorded snapshots, showing how participants navigate the shared 3D space. It uses the browser’s `setInterval` and `localStorage` APIs, with the Hubs network avatar attributes providing positional data for each connected client.

UUtopiah
63% match
Loading thumbnail…

Utils functions for Mozilla Hubs scripting

This example demonstrates a collection of utility functions for scripting Mozilla Hubs scenes, showing how to manipulate entities, load media assets, and query the scene graph. The code uses the A-Frame and Networked-AFRAME APIs to interact with the Three.js object hierarchy. It includes functions to get user media elements via DOM selectors, load assets from URLs by creating `a-entity` elements with `media-loader` and `networked` components, and find avatars by display name. It also traverses the Three.js scene graph to match objects by partial names, and queries media elements by URL patterns using `querySelectorAll` and regex matching.

UUtopiah
63% match
Loading thumbnail…

Gist 9e8c4fa996831859a1c099a9906f84e9

This example visualizes the presence of users in a Mozilla Hubs room over time by periodically sampling the room’s member list. It reads the DOM to extract each participant’s nickname and presence status, hashing names for privacy, and stores measurements in `localStorage`. The animation, driven by `setInterval`, appends timestamped snapshots every minute, enabling a temporal view of attendance and activity. The code relies on vanilla JavaScript DOM queries and the `hashCode` function, with no external charting library.

UUtopiah
61% match
Loading thumbnail…

Gist 7d2dcc343f1204a9cc2385a893786dbe

This example demonstrates how to load and position a 3D model from Sketchfab into a Mozilla Hubs Cloud room using the Hubs Cloud scripting template. The code creates an `<a-entity>` in an A-Frame scene, attaches a `media-loader` component to fetch the model, and sets a `networked` component with the `#interactable-media` template so it appears for all clients. Execution is gated by author, login status, and email regex, and the model is placed at coordinates (1,1,1).

UUtopiah
59% match
Loading thumbnail…

Gist 26bae9fecc7a921f8bfd38cf5fc91612

In a WebVR environment, a player physically walks to an execute button to run a Turtle Graphics program that is assembled from image tiles placed on a board. The animation shows a turtle moving through a 3D space, executing commands like "move forward" and "turn left" to solve a maze. The code reads the tiles’ positions using `object3D.position` within a bounding box, sorts them by Y-axis, and runs the instructions with timed `setTimeout` calls, communicating via `hubChannel.sendMessage`. It relies on Three.js and Hubs utilities like `hubs_utils.setPinEntities` for interaction.

UUtopiah
59% match