frame NEXUS

The FRAME Nexus is a place for the FRAME user community to learn, explore, and dive deeper. Just want to go right to FRAME? Go there.

learning center

Check out short learning videos on different topics to see how to make the most of FRAME.

gallery

Check out some cool FRAMES created by us and the FRAME community.

forum

Interact with the FRAME team and user community to share ideas, ask questions, and more on Discord.

WEBXR ACADEMY

This is a place where teachers and students can start to learn about WebXR development themselves.

Want to reach out? hello@framevr.io

We also blog, and we do custom WebXR development.

frame nexus

The FRAME Nexus is a place for the FRAME community to learn, explore, and dive deeper.
Just want to go right to FRAME? Go there.

learning center

Check out short learning videos on different topics to see how to make the most of FRAME.

gallery

Check out some FRAMES created by us and the FRAME community.

Community

Interact with the FRAME team and user community to share ideas, ask questions, and more on Discord.

FRAME WEBXR ACADEMY

This is a place where teachers and students can start to learn WebXR development themselves.

Want to reach out? hello@framevr.io

We also blog, and we do custom WebXR development.

learning center

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: hello@framevr.io

getting started

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.

Comment créer une galerie virtuelle avec frame

Un tuto qui s'adresse à ceux qui souhaitent se lancer dans l'utilisation de framevr.io en créant une galerie virtuelle. (Contributed by the awesome Régine B-Berthois)

Virtual Classroom environments with frame

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)

add aSSETS to frame

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

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.

PDFS

See how to import PDF files into Frame, switch between pages, and put them where you want. Images with transparency are supported and you can toggle on transparency by clicking on the pdf in edit mode and turning on the "transparent pdf" toggle.

videos

Videos can be .mp4, .m4d, .avi, or .mov files, with a file size limit of 100MB and total limit of 500MB. Playing and pausing is synchronized for everyone in the Frame. All videos are muted for users until they manually unmute them. See video controls by hovering over a video with edit mode turned OFF. Anyone with interact permissions can see these video controls if they hover over a video.

photospheres

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.

Audio

Audio can be .mp3 files. Once you import audio, it will show up as a small sphere with a few controls: play, stop, and mute. If you play or stop it, it will play/stop for everyone in the Frame. If someone joins a Frame while audio is playing, it will catch them up to its current time and begin playing it for them. If you click on an audio sphere in edit mode, you can toggle whether it's positional (louder if you are closer to it) and set whether you want it to loop.

upload your own 3d models

If you upload your own 3D models, they must be .glb format and 15MB or less. Ask around in our discord for tips on finding, converting, or optimizing models.

3D models with sketchfab

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.

asset list

You can see a list of all of the assets in your Frame for easy deleting just in case you lose track of any. Go to the FRAMES tab, and you'll find it in the THIS FRAME dropdown.

Admin CONTROLS

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.

single or multi user modes

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.

PERMISSIONS OVERVIEW

EDITING PERMISSIONS: Can add, remove, modify, or delete assets. Can change scenes. Can use webcam/screenshare.

VIEW PERMISSIONS: Can connect to the Frame, use voice chat/text chat, move around.

INTERACT PERMISSIONS: Can change pdf pages, expand photospheres, and play/pause media.

OWNERS: Can mute other mics, boot users, change environment, adjust permissions, delete the frame, clear chat history, delete individual chat messages.

scenes

"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.

PROFILE

Set a nametag, LinkedIn URL, Twitter URL, and profile photo in the "Profile" Tab of the sidebar.

avatars

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.

INVENTORY

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.

Text chat

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. You can also delete individual text messages.

Web Browsers

PC, Chromebook, android

Use the latest Google Chrome or Firefox.

MAC, iphone, ipad

Use the latest Safari.

VR

Use Firefox for Oculus Rift, HTC Vive, or Valve Index. Use the Oculus Browser for the Oculus Quest.

internet Connection

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.

operating system

Mac, iphone, ipad

OSX or iOS/iPadOS 13 +

Android

Android 8 or later

PC

Windows 7 or above

mic/headset

You need a microphone in order to connect to frame, and we strongly recommend headphones to help reduce feedback or echo.

desktop

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.

mobile

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.

virtual reality

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.

What you need to know

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.

  • The mic button will toggle on/off your microphone
  • The edit button will toggle on/off edit mode (this will only be clickable if you have signed in and have edit permissions for the Frame). With edit mode on, you can click and drag on assets in the Frame to move them around, and also make them bigger or smaller by clicking on them with both controllers and doing a stretching motion outward and inward.
  • The laser pointer button will turn on/off your laser pointer (a laser pointer that will be visible to others in the Frame)
  • The previous and next scene buttons will let you move to the previous or next scenes in the Frame (these will only be clickable if you have signed in and have edit permissions for the Frame)

We'll be bringing lots of other functionality to VR soon - stay tuned!

WEBCAM + screenshare

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.

Avatar cam mode

In the sidebar, you can see a toggle for "Avatar Cam" Mode. Turning this on will attach a view of your webcam right next to your avatar, and it will move around with you as you move around. You will also see a local view of your webcam in the bottom left.

This is a convenient way to quickly bring a webcam into Frame without needing to perfectly position one of the streaming screens. If you need a big screen, though, or if you want to screen share, you'll need to use a streaming screen asset.

ENVIRONMENTS

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. :)

WHITEBOARD

Add whiteboards to your FRAME in the ADD TO THIS FRAME dropdown in the sidebar. Add as many as you want. Use the whiteboard by drawing on it with edit mode turned OFF. Anyone with interact permissions can use whiteboards. You can also save whiteboard drawings to your computer.

Recent blog posts

See All Posts

FRAME Update: More Users, More Space, More Frame!

This update is BIG. Dive in.

READ

FRAME Update: Single User Mode, Bigger Videos, the Neon Hall, and More

See the latest.

READ

The Immersive Web and WebXR Matter More Than Ever

READ

Blending Synchronous + Asynchronous Online Learning With FRAME

FRAME can be a powerful tool for fostering content exploration and collaboration in an online class.

READ

custom webxr projects

We love WebXR and we occasionally do custom projects if the fit is right.
Shoot us a note in the form below or at hello@framevr.io

reach out

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.