Using 3D Model Spawners & Text Elements
Objects like 3D Model Spawners allow you to create interactive and dynamic scenes, where users can generate multiple copies of a specific 3D object in multi-user environments.
Meanwhile, 3D Text Elements help add context, instructions, and labels to guide users within a Verse, making the experience more informative and engaging.
3D Model Spawners
3D Model Spawners are powerful tools for creating interactive, multi-user experiences where participants can generate replicable objects in real time.
This feature is useful for collaborative environments, allowing each user to have independent access to their own instances of an object.
How to Set Up a 3D Model Spawner
- Prepare the 3D Model:
- Ensure the model is uploaded to XR Creator Studio or available via a URL link.
- Copy the Model URL:
- Locate and copy the URL of the 3D model you wish to use as a spawner.
- Create a Spawner Element:
- Open the Elements Panel.
- Select the Spawner option from the list.
- Configure the Spawner:
Paste the model URL into the Properties Box of the Spawner element.
Adjust settings such as Apply Gravity, which makes the object fall when the user clicks the spawner.
- Publish Your Verse
- Publish your project and interact with the spawner to confirm that objects are duplicating correctly.
🔹 Tip: Spawners are great for creating interactive props, tools, and collaborative experiences inside a Verse.
General Spawner Properties
| Property | Description |
|---|---|
| Enabled | Toggles whether the spawner is active. |
| Visible | Determines if the spawner is visible in the scene. |
Transform Properties (Position, Rotation, Scale)
| Property | Description |
|---|---|
| Position (X, Y, Z) | Sets the location of the spawner in the scene. |
| Rotation (X, Y, Z) | Defines the rotation of the spawner object. |
| Scale (X, Y, Z) | Adjusts the size of the spawner. |
Rendering Properties
| Property | Description |
|---|---|
| Visible | Toggles whether the spawner object is rendered in the scene. |
Spawner-Specific Properties
| Property | Description |
|---|---|
| Model URL | Specifies the URL of the 3D model that will be spawned when the spawner is clicked. |
| Apply Gravity | When enabled, the spawned object will fall due to physics after appearing. |
Attribution Properties
| Property | Description |
|---|---|
| Title | Sets a custom name for the spawner. |
| Author | Displays the creator or author of the spawned model. |
| URL | Allows linking to an external resource or documentation about the spawned object. |
3D Text Elements
3D Text Elements allow you to add dynamic textual content directly into your 3D scene, providing labels, instructions, or interactive UI elements.
This feature is especially useful for signs, labels, and instructions within a Verse, ensuring that users understand the environment and interactions available.
How to Add and Customize 3D Text Elements
- Add a Text Element:
- Open the Elements panel in XR Creator Studio.
- Select Text and drag it into the scene.
- Customize Text Content:
- Enter the desired text in the Properties Panel.
- Adjust font size, color, letter spacing, alignment, and other font options.
- Adjust Position & Appearance:
- Use the Transform Gizmo to position the text correctly in the 3D space.
- Enable Billboard Mode if you want the text to always face the camera, making it ideal for labels and UI elements.
🔹 Tip: 3D Text Elements help improve user navigation and provide important visual cues within your Verse.
Below is a breakdown of the available text properties:
General Text Properties
| Property | Description |
|---|---|
| Text | The content displayed in the scene. |
| Font Size | Adjusts the size of the text element. |
| Color | Defines the color of the text. |
| Max Width | Determines the maximum width of the text before wrapping. |
| Letter Spacing | Adjusts the space between characters. |
| Line Height | Controls the spacing between lines of text. |
Text Formatting & Layout
| Property | Description |
|---|---|
| Text Align | Adjusts text alignment (left, center, right). |
| Anchor X | Sets the horizontal alignment (left, center, right). |
| Anchor Y | Sets the vertical alignment (top, middle, bottom). |
| Overflow Wrap | Determines how text wraps when exceeding the max width. |
| Text Indent | Controls the indentation of the text. |
| Curve Radius | Allows curving the text around a circular path. |
| White Space | Determines how whitespace is handled. |
Advanced Visual Customization
| Property | Description |
|---|---|
| Stroke Color | Sets the outline color for the text. |
| Stroke Width | Defines the thickness of the text outline. |
| Stroke Opacity | Controls the transparency of the text stroke. |
Event-Linked Properties
| Property | Description |
|---|---|
| Event Slug | Links the text to an event, displaying real-time updates. |
| Presentation | Retrieves details from an event’s scheduled presentation. |
| Text Type | Selects the type of event-related text (e.g., countdown timer, speaker name, topic). |
Adding a Timer for Portals in Event Lobbies with 3D Text
One of the powerful features of 3D text in XR Creator Studio is the ability to connect it to event presentations using the Event Slug property.
This feature allows real-time updates to display event schedules, speaker names, countdown timers, and other dynamic information within a Verse.
Steps to Set Up Event Scenes with 3D Text
- Create Your Lobby Scene
- Design a lobby scene using the XR Editor.
- Incorporate portals and presentation details as needed.
- Set Up the Event
- Navigate to the Dashboard and create a new event.
- Add at least one presentation and select the lobby scene you designed.
- Need help? Check out the Event section in our documentation.
- Modify the Lobby Scene
- Open the scene in the XR Editor.
- Select a Troika Text element and position it in the desired location.
- Connect the Text to an Event
- In the Properties Panel, find the Event Slug field.
- Enter the slug of your event (this is the last part of the event’s URL).
- A dropdown menu will appear, listing all presentations in the event.
- Select the presentation whose details you want to display.
- Choose the text type (e.g., countdown timer, speaker name, topic).
- Repeat for Multiple Presentations
- Add additional text elements for different event details.
- Publish the scene and test it on the event landing page.