Supported File Types:

Performance Guidelines

How to Upload 2D Content directly to the Agora World App:

Step By Step: How to Upload 2D Content

  1. Open the Agora World application in your web browser (ALPHA) or download it here and sign in to your account or sign up if you don’t yet have one.
  2. How to upload Direct to App via the Home Page
    1. In the top right corner of the home page, you will see an Upload button. Click it and a dropdown menu will appear. Select “2D/3D Art Assets”.

      Screenshot (331).png

    2. Once selected, a window will pop up for you to upload your 2D or 3D content. Click the box and it will open up your file window to select from and upload.

      Screenshot (288).png

      <aside> 📌 NOTE: When selecting 3D assets, we currently support:

      1. 2D File Formats: JPEG, PNG, and GIF files </aside>
    3. Select your file, you’ll see a thumbnail pop up of your asset, and click “Upload” to add it to your library

    4. That’s it! You will now be able to use that while creating or editing an experience

  3. Upload 2D Assets from Inside an Experience (’Edit in World’)
    1. Select a project you wish to edit or create an experience using a template

      1. To edit a project, go to your Projects page

      2. Navigate to the project you wish to edit and click the 3 dots to open the menu. By clicking “Edit in World”, you open a private Edit-Instance, enabling you to add custom 2D and 3D content, gamification elements, integrations, and more directly to your experience. Learn more about our no-code design tools here.

        Screenshot (275).png

    2. Once you’re inside of your project (Editing “In World”), click T to open your Toolbox and then click “Create”.

      Screenshot (332).png

      <aside> 💡 **REMEMBER, YOU CAN UNDO AND REDO ANY CHANGES MADE:

      UNDO:**

      • MAC: COMMAND-Z
      • WINDOWS: CONTROL-Z

      REDO:

      • MAC: COMMAND-SHIFT-Z
      • WINDOWS: CONTROL-SHIFT-Z </aside>
    3. Select the plugin package "Agora World Core".

      Screenshot (333).png

    4. For 2D content and media, choose the "Media Slot" asset and place it where you want it to go! These slots are interchangeable, meaning once you put 2D content here, you can replace it with other media very easily.

      Screenshot (334).png

    5. Once you put the Media Slot down (aka unselect it), select it again by clicking on it so the Asset Menu opens on the right side of your screen. Just like all other assets, you can move, duplicate, go to, change color, and delete it from this menu. Here, you'll see that you also have the option to:

      1. Select Media Type
        1. Image Media Type: When a URL is in the URL section, the webpage will open in an external browser
        2. Video Media Type: When a URL is in the URL section, the webpage or video will open directly on the wall inside of the media slot!
        3. Weblink Media Type: When a URL is in the URL section, the webpage will open in a browser built directly in the experience. This means that your users can view web content without leaving the experience (which we all know loses their attention and interest).
      2. Add a Link URL
        1. hyperlink out to another webpage or embed a video or webpage directly on the media slot itself.

      Screenshot (336).png

    6. So how do you upload or select your media from your library? Click on "Select Media".

      1. You will see a new window pop up of your 2D Library - any and all assets you’ve already uploaded to Agora World. In the top left, you will see an “Upload Files” button to upload additional 2D content to your library.

        Screenshot (337).png

      2. Once you select Upload Files, a window will pop up for you to upload your 2D content. Click the box and it will open up your file window to select from and upload.

        <aside> 📌 NOTE: When selecting 3D assets, we currently support:

        1. 2D File Formats: JPEG, PNG, and GIF files </aside>

        Screenshot (338).png

      3. Select your file, you’ll see a thumbnail pop up of your asset, and click “Upload” to add it to your library and use it in world. By uploading directly in world, this auto-selects that asset for the slot.

        Screenshot (339).png

      4. Once a 2D asset is chosen, you can do all of the things you could for other assets to these! Move, scale, rotate, change its color, duplicate, and more.

        Screenshot (341).png

How to Edit 2D Media

  1. Re-select any 2D media in the space by clicking on it, or upload a new one from your Plugins folder by following the steps above.

  2. When an asset is selected again, you'll see a blue outline on the asset letting you know that it was selected as well as an "Asset Menu" pop up on the right side of your screen.

    Screenshot (341).png

    1. Here, you can
      1. Name the asset (in the future, we will offer sorting/search so this will make it easier to find)

      2. Add a title (this will be shown to all users in the experience when they look at it)

      3. Add a description (this will be shown to all users in the experience when they look at it)

      4. Move the asset

      5. Duplicate it

      6. Change the color of it (with a color wheel)

        Screenshot (346).png

      7. Change:

        1. Position: Moving the geolocation of the asset to a specific spot (X, Y, Z)

        2. Rotating the asset (X, Y, Z)

          <aside> 💡 Another way to rotate an asset is that while you are in "Move mode" and have the asset "in your hand" (ie selected), you can click "," to rotate it left or "." to rotate right. On mac, if you click "option" or Windows you click "alt", it will change the direction in which you are rotating the asset! You can see the direction it's being rotated via a red cube with an arrow on it in the top right corner of your screen.

          </aside>

        3. Scaling the asset: make it larger or smaller than it currently is (X,Y,Z)

      8. Go To the asset (will bring you directly to it wherever it is in the experience).

      9. Delete it

      10. And of course, you can Select Media to choose a different asset from your library to replace the current one with.

Go to How To Upload 3D Assets

Go back to the No Code Creators Homepage