diff --git a/website/docs/archive/hubs-cloud/customizing-themes.md b/website/docs/archive/hubs-cloud/customizing-themes.md index 39c3a23..15d2d99 100644 --- a/website/docs/archive/hubs-cloud/customizing-themes.md +++ b/website/docs/archive/hubs-cloud/customizing-themes.md @@ -210,15 +210,15 @@ While not exhuastive, these diagrams will outline a few key variables that you c ## Entry Screen -Theme variable correlation on entry screen +![Theme variable correlation on entry screen](/img/theme-entry-screen.png) ## Bottom Toolbar -Theme variable correlation on bottom toolbar +![Theme variable correlation on bottom toolbar](/img/theme-toolbar.png) ## Menus -Theme variable correlation on menus +![Theme variable correlation on menus](/img/theme-menus.png) # In-App Themes diff --git a/website/docs/creators/blender-add-on/add-on-components.md b/website/docs/creators/blender-add-on/add-on-components.md index cad65dd..3bab73c 100644 --- a/website/docs/creators/blender-add-on/add-on-components.md +++ b/website/docs/creators/blender-add-on/add-on-components.md @@ -508,7 +508,7 @@ The ‘Video Texture Target’ component can also be used on Avatars. In this ca For more information about both ‘Video Texture Source’ and ‘Video Texture Target’, [check out the stream](https://www.youtube.com/watch?v=oEc8ML2Q-z8) that the Hubs team did, viewable on YouTube. diff --git a/website/docs/creators/blender-add-on/intro-add-on.md b/website/docs/creators/blender-add-on/intro-add-on.md index 47e1c5b..d87c53b 100644 --- a/website/docs/creators/blender-add-on/intro-add-on.md +++ b/website/docs/creators/blender-add-on/intro-add-on.md @@ -83,14 +83,14 @@ Part of why this is difficult is because you must use the 'Background' node in y Once you have the Background node, you can plug your texture into it, and send that to the Material Output. When you export to glb and bring the object into Spoke or Hubs, it will be 'unlit' (or fully lit, depending how you think of it.) diff --git a/website/docs/creators/spoke/adding-content.md b/website/docs/creators/spoke/adding-content.md index 174820a..5d0a323 100644 --- a/website/docs/creators/spoke/adding-content.md +++ b/website/docs/creators/spoke/adding-content.md @@ -67,7 +67,7 @@ You can use the Media Frame element to designate areas you would like media obje ## Audio Zones @@ -81,16 +81,16 @@ Audio Zones work based on the audio source and the audio listener's positions an - **inOut:** The audio zone's parameters will be applied to audio sources inside the audio zone volume when the listener is outside the zone. - **outIn:** The audio zone's parameters will be applied to audio sources outside the audio zone volume when the listener is inside. -drawing +![drawing](/img/audio-zones-example-2.jpg)
_InOut zone that blocks all the audio sources coming from the inside._
-drawing +![drawing](/img/audio-zones-example-3.jpg)
_OutIn zone that blocks all the audio sources coming from the outside._
Audio zones can be inside other audio zones, in that case the applied parameters will be a reduction of the most restrictive parameters. -drawing +![drawing](/img/audio-zones-example-1.jpg)
_If there are two audio-zones in between the listener and the source and the first one has gain == 0.1 and the other has gain == 0.5, gain == 0.1 is applied to the source._
diff --git a/website/docs/creators/spoke/create-project.md b/website/docs/creators/spoke/create-project.md index dc1f65d..6a7970f 100644 --- a/website/docs/creators/spoke/create-project.md +++ b/website/docs/creators/spoke/create-project.md @@ -24,7 +24,7 @@ From here you can customize your scene entirely to your liking! Try [adding cont ## Remixing Scenes from Hubs @@ -38,7 +38,7 @@ Scenes that are published to Hubs with a creative commons license are remixable. ## Import a .spoke file diff --git a/website/docs/fundamentals/custom-avatars.md b/website/docs/fundamentals/custom-avatars.md index 7382be9..d75e89a 100644 --- a/website/docs/fundamentals/custom-avatars.md +++ b/website/docs/fundamentals/custom-avatars.md @@ -27,7 +27,7 @@ The most straightforward way to customize an avatar for Hubs is to upload a cust ### Create a robot texture diff --git a/website/docs/fundamentals/hubs-rooms.md b/website/docs/fundamentals/hubs-rooms.md index dccf880..0a63658 100644 --- a/website/docs/fundamentals/hubs-rooms.md +++ b/website/docs/fundamentals/hubs-rooms.md @@ -22,7 +22,7 @@ Click "Enter Room" and follow the prompts to select a username/avatar and set up ### On a Standalone VR Headset @@ -33,7 +33,7 @@ Open the browser in your VR headset, navigate to [hubs.link](https://hubs.link) ### On a Wired-in VR Headset diff --git a/website/docs/fundamentals/room-settings.md b/website/docs/fundamentals/room-settings.md index c10c648..f8c155e 100644 --- a/website/docs/fundamentals/room-settings.md +++ b/website/docs/fundamentals/room-settings.md @@ -12,7 +12,7 @@ Note that only featured scenes have been tested for performance across devices. diff --git a/website/docs/introduction/getting-help.md b/website/docs/introduction/getting-help.md index 8802820..c080763 100644 --- a/website/docs/introduction/getting-help.md +++ b/website/docs/introduction/getting-help.md @@ -10,10 +10,10 @@ Our [YouTube channel](https://youtube.com/@MozillaHubs) houses dozens of deep-di Check out our [Discover Hubs playlist](https://youtube.com/playlist?list=PLCxaiaRxTL6_V88JFYb6tOPkHCKjnH2BK) to get started...

-Discover hubs playlist +![Discover hubs playlist](/img/discover-hubs.png) ## Blog Our blog, [Creator Labs](https://hubs.mozilla.com/labs/), is the perfect place to learn about the many different ways our community is pushing the boundaries of immersive content with Hubs. Explore the tutorials, creator spotlights, articles, and exciting initiatives we are working on.

-Creator Labs preview +![Creator Labs preview](/img/creator-labs.png) diff --git a/website/docs/subscription/creating-subscription.md b/website/docs/subscription/creating-subscription.md index f3c8400..48243a8 100644 --- a/website/docs/subscription/creating-subscription.md +++ b/website/docs/subscription/creating-subscription.md @@ -20,7 +20,7 @@ _This guide walks you through the steps of setting up your Hubs Subscription. If

@@ -29,7 +29,7 @@ _This guide walks you through the steps of setting up your Hubs Subscription. If

@@ -38,14 +38,14 @@ _This guide walks you through the steps of setting up your Hubs Subscription. If

4. **Access your subscription dasboard and wait for your Hub to be created. It may take up to 5 minutes for this process to complete.** -Screenshot of the Scene Browser +![Screenshot of the Scene Browser](/img/access-dashboard.png)

## How To Subscribe - Paid Plans @@ -54,7 +54,7 @@ _This guide walks you through the steps of setting up your Hubs Subscription. If

@@ -63,7 +63,7 @@ _This guide walks you through the steps of setting up your Hubs Subscription. If

@@ -72,18 +72,18 @@ _This guide walks you through the steps of setting up your Hubs Subscription. If

4. **Check your inbox for an email titled "Welcome to Hubs [Plan Name]". Choose the "Get Started" link in the email and follow the login process to access your Hubs Subscription Dashboard. It may take a few minutes while your Hub is getting set up.** -Screenshot of the Scene Browser +![Screenshot of the Scene Browser](/img/access-dashboard.png) ## Subscription Dashboard Overview -The subscription dashboard +![The subscription dashboard](/img/dash-overview.png)

## Customizing Your Subdomain - Paid Plans @@ -92,7 +92,7 @@ _This guide walks you through the steps of setting up your Hubs Subscription. If

@@ -101,7 +101,7 @@ _This guide walks you through the steps of setting up your Hubs Subscription. If

@@ -110,7 +110,7 @@ _This guide walks you through the steps of setting up your Hubs Subscription. If

diff --git a/website/docs/subscription/faq-subscription.md b/website/docs/subscription/faq-subscription.md index 58e789c..dcd020a 100644 --- a/website/docs/subscription/faq-subscription.md +++ b/website/docs/subscription/faq-subscription.md @@ -14,7 +14,7 @@ Your Hub's content storage limit is the total of all data associated with your H PLEASE NOTE: The data limit is not currently enforced for Hubs Personal and Professional Plan subscribers while we continue to refine tools for data management with feedback from our early adopters. -The 503 error displayed when over ccu limit +![The 503 error displayed when over ccu limit](/img/hub-over-limit.png) ### I am trying to lower my content storage by deleting data, but the counter on the subscription dashboard is not updating. What am I doing wrong? @@ -24,7 +24,7 @@ It may take up to 3 days for your Hub to completely remove data you have manuall Hub servers are optimized according to the subscription plan you are subscribed to. Exceeding the optimal number of concurrent users will greatly affect the stability and performance of your hub. Most often, new users will receive a persistent 503 error when attempting to connect. -The 503 error displayed when over ccu limit +![The 503 error displayed when over ccu limit](/img/503-error.png) ### What is the difference between a 'hub, a 'room', a 'space', and a 'scene'? diff --git a/website/docs/subscription/help-subscription.md b/website/docs/subscription/help-subscription.md index d230669..0002425 100644 --- a/website/docs/subscription/help-subscription.md +++ b/website/docs/subscription/help-subscription.md @@ -16,7 +16,7 @@ For questions about using your account that you would prefer to discuss privatel If you are experiencing issues with your subscription or Mozilla account, please [submit a support ticket with Mozilla Support](https://support.mozilla.org/en-US/products/hubs), Mozilla's account support channel. To submit a ticket, you should follow the blue "Get Support" buttons until you get to the support form.

-Sumo support buttons +![Sumo support buttons](/img/sumo-support.png) ## Message Us @@ -24,10 +24,10 @@ If you are experiencing issues with your subscription or Mozilla account, please Our discord server is also a fantastic place to learn more about the hubs community and to learn how to join one of our weekly public meetups!

-Discord subscription help +![Discord subscription help](/img/discord-support.png) ## Submit An Idea If you would like to share feature requests or thoughts about how to make Hubs better, please [submit an idea through Mozilla Connect](https://connect.mozilla.org/t5/ideas/idb-p/ideas/label-name/hubs). You will have to sign in to your Mozilla account and select the blue "Submit an idea" button to complete this process.

-Mozilla Connect submit idea +![Mozilla Connect submit idea](/img/connect-button.png) diff --git a/website/docs/subscription/managing-subscription.md b/website/docs/subscription/managing-subscription.md index 7eb8a2f..586260b 100644 --- a/website/docs/subscription/managing-subscription.md +++ b/website/docs/subscription/managing-subscription.md @@ -23,15 +23,15 @@ _This page serves as a manual for many of the features that are available to Hub This page references the two tools you can use to manage your hub's content: **The Admin Panel** and our scene editor, **Spoke**. Both can be accessed in the top-right corner of your subscription dashboard. -Admin homepage +![Admin homepage](/img/content-tools.png) **The Admin Panel** is a dashboard that allows you to control your hub's default appearance and features, as well as the discoverability of scenes and avatars uploaded to your server. When you create a new hub, the email associated with your subscription will be the only account with access to the admin panel. You can, however, allow others to access the admin panel using the [Accounts](#accounts-and-identities) tab. -Admin homepage +![Admin homepage](/img/admin.png) **Spoke** is our in-browser scene editor that allows you to upload media (3D models, videos, audio, images, etc.) and build custom environments that your hub's visitors can explore. By default, all users joining your server can use Spoke (and upload their own media), however you can modify this default behavior by using the [App Settings "Features" tab](#features) to toggle the "Scene Editor". -Spoke homepage +![Spoke homepage](/img/spoke.png) Together, the Admin Panel and Spoke allow you to fully control the content that users may encounter when joining your Hub. @@ -43,9 +43,9 @@ Each new hub comes with a selection of logos, themes, scenes, and avatars that h **Download Paid Plan Default Assets: [Themes](/img/defaultTheme.json) | [Logos](/img/defaultLogos.zip) | [Scenes](/img/defaultScenes.pack) | [Avatars](/img/defaultAvatars.pack)** -The default avatars +![The default avatars](/img/defaultAvatars.png)

-The default scenes +![The default scenes](/img/defaultScenes.png) --- @@ -53,11 +53,11 @@ Each new hub comes with a selection of logos, themes, scenes, and avatars that h The Import Content tool on the Admin Panel makes it easy to share and rehost assets developed by Mozilla or other members of the Hubs community. -Import content tab +![Import content tab](/img/import-content.png) If you are interested in our recommended assets, please see [our asset pack suggestions](/archive/hubs-cloud/asset-packs.md). It is also easy to find scenes and avatars on [Mozilla's Demo Hub](https://hubs.mozilla.com/Pvg5MMt/hubs-demo). While browsing scenes and avatars from the community in Mozilla's Demo Hub, you can copy the url of any shared assets and import them onto your server. -Browsing for assets +![Browsing for assets](/img/browsing-assets.png) It is important to note that only a few url types are supported by the import tool... @@ -71,7 +71,7 @@ If you would like to upload .glb or .spoke files, please do so using Spoke or wh @@ -85,11 +85,11 @@ If you would like to upload .glb or .spoke files, please do so using Spoke or wh The Admin Panel is used to manage any scenes or avatars that have been uploaded to your hub. In the left-hand toolbar, you can see eight tabs corresponding to scenes and avatars... -The default avatars +![The default avatars](/img/admin-tabs.png) Each of these tabs filters assets based on their state and tags. At the top of each tab, you can search by id or name to see if any assets are included in that category. -The default avatars +![The default avatars](/img/search-bar.png) #### Asset State @@ -100,11 +100,11 @@ Asset State is the primary method of controlling a piece of media's discoverabil - Delisted - the asset will only appear in "Scenes" or "Avatars" tab and cannot be discovered by any users other than the one who uploaded it. - Removed - the asset is removed from the database and is not usable by anyone. -An example of state +![An example of state](/img/state-example.png) By default, any assets uploaded by users who select "Allow Mozilla to promote my scene/avatar" in Spoke or in-world using the "Create Avatar" button will be assigned the "Pending" state and await admin approval in the "Pending" tab before being made discoverable. While "Pending", the user who uploaded the asset can still access it. -An asset uploaded via spoke for approval +![An asset uploaded via spoke for approval](/img/upload-pending.png) Any assets uploaded via the admin panel are automatically assigned the "Active" state, including them in the "Approved" tab and making them discoverable to other users. @@ -118,19 +118,19 @@ Asset tags allow you to control how discoverable an "Active" asset is. To edit t Asset tags are case-sensitive, so be sure to use the exact spelling and capitalization seen above. -Examples of tags applied to avatars +![Examples of tags applied to avatars](/img/tags-examples.png) #### Asset Order Assets with the "Featured" tag can be given an order number to control the sequence in which they are displayed to users browsing for scenes and avatars. Order filters from low-to-high, meaning any asset with the order number "1" will be displayed first. Two assets can be given the same order number; if two assets have the same order number, the most recently uploaded asset will display first. -Order control form +![Order control form](/img/order-example.png) #### Asset Description and Attribution To properly describe and credit creators of a certain asset, you can add in description and attribution details that will display whenever a user is encountering that asset. -Description for assets. +![Description for assets.](/img/asset-description.png) --- @@ -138,7 +138,7 @@ To properly describe and credit creators of a certain asset, you can add in desc As you upload content to your hub, you are adding more items to the server's database that contribute to the your hub's content storage limit. -Content storage +![Content storage](/img/content-storage.png) The largest contributors to content storage are media used to build environments in Spoke, as well as any avatars and scenes you have rehosted using the "import content" tool on the Admin Panel. Room urls, user accounts, and spoke projects also contribute to the usage limit, but to a lesser degree. @@ -152,11 +152,11 @@ Assets in Spoke are associated with individual email accounts (you will not be a 1. **After signing-in to Spoke, go into any project and locate the assets interface in the bottom of the screen.** -Spoke asset interface +![Spoke asset interface](/img/spoke-asset-interface.png) 2. **Click on the "My Assets" tab in the lefthand toolbar. From here you can sort by asset type and right click on any asset you wish to delete. In the pop-up, click "Delete Asset" to remove it from the database.** -Deleting assets in spoke +![Deleting assets in spoke](/img/delete-asset.png) #### Deleting Assets In The Admin Panel @@ -165,7 +165,7 @@ Assets in Spoke are associated with individual email accounts (you will not be a After this is complete, you will see that the avatar has been grey-ed out and that it is no longer accessible by its avatar url. -Deleting assets in spoke +![Deleting assets in spoke](/img/removing-asset.png) --- @@ -173,17 +173,17 @@ After this is complete, you will see that the avatar has been grey-ed out and th The Accounts tab of the Admin Panel indexes all users who have signed-in to your hub with an email address. For privacy reasons, all emails are hashed to protect user data, however it is possible to search for specific email addresses to verify individual user accounts. When you edit a user's account, you have the option to make them an admin in order for them to have access to the Admin Panel. Making a user an Admin will NOT let them manage your Hubs Subscription. PLEASE NOTE: You should never remove the account using the email associated with your Mozilla account!!! -Deleting assets in spoke +![Deleting assets in spoke](/img/accounts-screen.png) #### Adding Admin Accounts If the account you wish to promote has not yet been created, use the create account form to create a new account with the user's email. -Creating accounts by email +![Creating accounts by email](/img/create-account.png) If the account you wish to promote has already been created, use thefind account feature to search for the account of an individual email. -Searching accounts by email +![Searching accounts by email](/img/search-account.png) 1. **Select the edit button next to the account you wish to promote.** @@ -191,7 +191,7 @@ If the account you wish to promote has already been created, use thefind account

@@ -206,7 +206,7 @@ _Identities is a deprecated method for associating an account with a username. T The Projects tab allows you to moderate any Spoke projects that have been created on your server. When you expand the details of an individual project, you are also able to download a version of their .spoke file. You can also select the check-box next to a project and manually delete it. Please note that this will not delete any asset data included in the project, just the project information itself. -Deleting assets in spoke +![Deleting assets in spoke](/img/projects-tab.png) --- @@ -214,11 +214,11 @@ The Projects tab allows you to moderate any Spoke projects that have been create Depending on your subscription plan, your hub will allow you to customize the user interface's (UI) colors and logos. Under the "Setup" category in the Admin Panel, you can use the "Brand" tab to upload custom images. Supported file types are listed next to each logo type. -Deleting assets in spoke +![Deleting assets in spoke](/img/logos-tab.png) In the "Themes" tab, you are able to upload your own JSON theme-ing object to fully customize the UI colors of your hub. For more information on updating your hub's theme, check out [this guide](/archive/hubs-cloud/customizing-themes.md). -Deleting assets in spoke +![Deleting assets in spoke](/img/themes-tab.png) --- diff --git a/website/docs/subscription/updating-subscription.md b/website/docs/subscription/updating-subscription.md index 075b4f1..83cd9e9 100644 --- a/website/docs/subscription/updating-subscription.md +++ b/website/docs/subscription/updating-subscription.md @@ -17,7 +17,7 @@ _This guide walks you through the process of updating and cancelling your subscr You can easily upgrade your Starter Hub to a paid plan at any time. The easiest way is through the Upgrade button on the subscription dashboard, which will then follow the same process as [creating a new paid subscription](./creating-subscription.md#how-to-subscribe---paid-plans). -The subscription dashboard +![The subscription dashboard](/img/upgrade-button.png) ## Cancelling Your Subscription @@ -27,7 +27,7 @@ You can cancel your paid Hubs subscription at any time. Cancelling your subscrip 2. **Select "Cancel" next to your Hub's subscription information to prevent your subscription from renewing.** -The subscription dashboard +![The subscription dashboard](/img/manage-subscription.png) ## Requesting A Refund @@ -40,4 +40,4 @@ Hubs paid subscriptions currently come with a 30-day money-back guarantee. 3. **Enter "Refund Request" in the "Subject" and request your refund in the "Message" form. While not required, it can be helpful to include your invoice ID in this request.** 4. **Submit the form. Expect your refund to be processed in 5-10 business days.** - The subscription dashboard + ![The subscription dashboard](/img/refund-form.png)