The FRAME Nexus is a place for the FRAME user community to learn, explore, and dive deeper.
Check out short learning videos on different topics to see how to make the most of FRAME.
Check out some cool FRAMES created by us and the FRAME community.
Interact with the FRAME team and user community to share ideas, ask questions, and more on Discord.
This is a place where teachers and students can start to learn about WebXR development themselves.
This is a collection of short videos and guides to help you learn how to use FRAME. Don't see a video for a certain topic and want to see it, or even make it yourself? Let us know: email@example.com
See how to move around Frame on desktop, create an account, and create your own Frame. This is a great place to start before moving on to other videos.
Nice intro to Frame from the perspective of Greg Kolowiec, an education technologist interested in 3D environments for remote and blended learning. (Contributed by @gregkulowiec)
See how to add assets to your Frame, either directly or through your Inventory. Asses can be images, photospheres, 3D models, pdfs, or videos.
Images can be .png or .jpg files, under 10MB. Need to compress an image? We recommend squoosh.app. Transparency is supported on .png files, so it's a good way to add text.
See how to import PDF files into Frame, switch between pages, and put them where you want.
Videos can be .mp4 files (more formats coming soon). When someone enters your Frame, all videos will pause until resumed. Playing and pausing is synchronized for everyone in the Frame. All videos are muted for users until they manually unmute them.
Photospheres can be .png or .jpg files, under 10MB. Need to compress an image? We recommend squoosh.app. Images should be equirectangular (width is double the height). With edit mode off, click a sphere to expand it. Then, look down for the "Return Home" button.
We use a Sketchfab widget to let you import models from there. Use the search filters to find smaller models (lower polycount) or animated models. Click on a 3D model in edit mode to turn on any animations it has on it.
Adjust editing and viewing permissions in the FRAMES tab in the sidebar, in the "This Frame" drop-down. Invite members in that same place. To mute other users' microphones or boot them from your Frame, use the Online User menu at the top left.
"Scenes" in Frame are sort of like "slides" in other presentation tools, but each scene is a rich 3D canvas. Move between scenes with the menu at the bottom center, the <> keys on your keyboard, or with the in-world menu that floats in front of you on mobile and VR.
Set a nametag, LinkedIn URL, Twitter URL, and profile photo in the "Profile" Tab of the sidebar.
Customize your avatar from desktop (recommended) or mobile. Use the C key on your keyboard to bring up the avatar menu, or the "Customize Avatar" button in your PROFILE.
Use the Inventory to create a collection of assets that you have at your disposal from the sidebar, ready to bring into any Frame that you created or that you have permission to edit.
Group text chat for everyone in your Frame is accessible from desktop and mobile at the top left of the Frame. Links you share will be hyperlinks, you can use emoji, and if you are the admin of the Frame you can clear the chat history and set whether you want history to be stored.
Use the latest Google Chrome or Firefox.
Use the latest Safari.
Use Firefox for Oculus Rift, HTC Vive, or Valve Index. Use the Oculus Browser for the Oculus Quest.
Frame requires a broadband wired or wireless connection. Minimum bandwidth is 1 MBPS (up/down) and recommended is 3 MBPS (up/down). The more people in your Frame, the better connectivity is required for a smooth experience.
OSX or iOS/iPadOS 13 +
Android 8 or later
Windows 7 or above
You need a microphone in order to connect to frame, and we strongly recommend headphones to help reduce feedback or echo.
Use the arrow keys on the keyboard or the WASD keys on the keyboard to move around. Click and drag on the mouse to look around, or use the q and e keys to look sideways.
You should see a toggle in the bottom left of the screen that you can tap and drag to move yourself around the space. Tap and swipe on the screen to look around, or tilt your device to look around if you have motion-detection enabled on your browser.
On a standalone device like the Oculus Quest, use the Oculus Browser and navigate to a Frame link. While in 2D mode, log in to the sidebar, and then click the CONNECT button. Then, the VR button will appear in the bottom right. Click it to expand into immersive mode. Then, you can move around by walking or by using the joystick on one of your controllers. Look around by looking around - we know we should have controller-based rotation, but we haven't gotten there yet!
On a PC VR system, you can walk around or navigate with a joystick on one of your controllers, and look around by looking around.
We are going to make a video for this, but the Oculus Quest video recording has been acting up lately. In the meantime, this is better than nothing!
FRAME has been tested on the Oculus Quest, Oculus Rift, and HTC Vive. We've heard that it also works for the most part on the Valve Index, and we suspect it works on most other headsets so long as they are WebXR compatible. On Oculus Go, users can currently join and participate, but movement is not possible. Frame does not work on Google Cardboard.
On a PC VR headset , we recommend using Firefox. On Oculus Quest, we recommend using the Oculus Browser. Once you navigate to a Frame link in a browser, you should sign in if you have an account while in 2D mode, and then click the "CONNECT" button. Then, the VR button will appear in the bottom right of the browser and you can click that to expand Frame into immersive mode.
In VR mode, you can move around by walking around or by using the joystick on one of your controllers. Look around by moving your head around (controller-based rotation is coming soon, we promise!).
There are lots of features available to you in VR mode, but not everything. We recommend that you do a lot of the Frame creation/setup on desktop/mobile mode, because right now the only way to bring assets into your Frame is in desktop/mobile mode.
In VR mode, your menu can be opened up by clicking on a small button with three lines that will be hovering in front of you if you look towards the floor. Open the menu with the trigger on your VR controller. Your controllers have lasers sticking out of them that you can use to point at things and "click" on them. Here's what opening the menu looks like and then an image of the menu:
You can point with your laser pointer and use the trigger on your VR controller to select a menu item.
We'll be bringing lots of other functionality to VR soon - stay tuned!
The streaming screens have the swirl logo on then, and those that have permission to edit the Frame will see buttons for "Share Webcam" and "Share Screen". With Share Screen, "Performance" mode is better when sharing content with animations/motion, but "Quality" mode is better if you just want more resolution and your content is mostly still. You can add additional streaming screens to a Frame in the ADD TO THIS FRAME drop-down in the sidebar.
Tip: you can pick what webcam your browser will use by checking what is selected in your browser device preferences.
Change the base environment in your Frame by going to the Frames tab, then the "This Frame" dropdown. You'll see an environment picker there. The video here gives a quick tour of a few environments - but we'll be adding a lot more here before too long. :)
This guest post is from an ESL teacher in France who uses FRAME with her ESL class. See how she uses it.READ
See where to find or capture your own photospheres for use in Frame.READ
Avatars, Environments, and Better Webcam/screenshare.READ