LogoLogo
WebsiteBlogForumsSign up
  • Welcome
  • How Ready Player Me works
  • FAQ
  • 👩‍💻Integration Guides
    • Overview
    • Unity
      • Quickstart
      • Avatar Creator Integration
        • WebView Avatar Creator
          • Avatar Creator for Android & iOS
          • Avatar Creator for WebGL
        • Build your own Avatar Creator
          • Start with the sample
          • Elements
            • Asset Selection Element
            • Color Selection Element
            • Template Selection Element
            • Body Shapes Selection Element
            • Gender Selection Element
            • Avatar List Element
            • Photo Capture Element
            • Signup Element
            • Login Element
            • Logout Element
          • User Management
      • Load 2D Renders
      • Avatar Loader Window
      • Setup Multiplayer
      • Setup for XR (Beta)
        • Setup the Player Avatar
        • Setup Meta Movement SDK
        • Setup Final IK
        • Setup XR Hands
          • RpmHandDriver script
        • Facial Animations
        • VR Avatar Creator
      • Animations
        • Ready Player Me Animation Library
        • Mixamo Animations
      • Optimize
        • Avatar Configuration
        • Avatar Caching
        • Defer Agents
      • Code Samples
        • Loading 3D Avatars
        • Loading 2D Avatars
        • Avatar Creator (WebGL)
        • Avatar Creator (Desktop)
        • Avatar Creator (Mobile)
        • Distance-based LODs
      • Troubleshooting
        • Editor UI Window Issues
        • Avatar loading issues
        • iOS issues
        • WebGL issues
        • Firewall issues
        • Updating the SDK
          • Unity SDK 3.0.0 Migration guide
          • Unity SDK 4.0.0 Migration guide
          • Unity SDK 5.0.0
          • Unity SDK 7.0.0
          • WebView 2.0 Migration
        • Package installation issues
      • Help us improve the Unity SDK
      • FAQ for Unity
      • Early Access Features
    • Unreal Engine
      • Quickstart
        • Import SDK Manually
      • Avatar Creator Integration
        • Build your own Avatar Creator
          • Sample Structure
          • Customization Guide
        • WebView Avatar Creator
      • Load Avatars
      • Animations
        • Ready Player Me Animation Library
        • Loading Mixamo animations
        • Mannequin animation retargeting
        • Blender FBX export to UE
        • Oculus Lipsync integration
      • Optimize
        • Avatar configuration
        • Avatar caching
        • Avatar preloading
      • Code Samples
        • Unreal Engine 5 samples
        • Lyra project integration example
        • VR Avatars
        • Unreal Engine 4
      • Troubleshooting
        • Project compilation issues
        • Missing materials on built applications
        • Avatar loading issues
        • Animation issues
        • Unreal SDK breaking changes
        • Avatar lighting issues
        • Updating from earlier versions
          • Unreal SDK 3.0.0 Migration guide
        • Auto LOD issues
      • Help us improve the Unreal Engine SDK
      • FAQ for Unreal Engine
      • Early Access Features
    • React
      • Quickstart
    • React Native
    • iOS Native
    • Android Native
    • Web Integration
      • Quickstart
      • User Management
        • Guest Accounts
        • Account Linking
      • Avatar Creator integration
      • Optimize
    • API Integration
      • Quickstart
      • Custom Avatar Creator
      • User management
        • Ready Player Me Account
        • Anonymous Accounts
    • UX/UI Guidelines
      • Summary & quick tips
      • UX and UI guidelines and essentials
        • Foundation for good user experience
          • Layout
          • Colors
          • Typography
          • Icons
          • Dark mode and light mode
        • Mobile best practices
          • Layout
        • Making Ready Player Me feel native
          • Seamless Avatar Integration
          • Consistent Branding
          • Responsive Layout
          • Performance Optimization
        • Discoverability of the avatar editor
          • Onboarding tutorial
          • Clear navigation
          • Contextual Placement
  • 🖌️Customizing Guides
    • Studio (Developer Dashboard)
    • Avatar Creator Appearance
      • Avatar URLs
      • Avatar Shortcodes
    • Upload and Manage Custom Assets
      • Asset Manager in Studio
      • Configure in Studio
      • Manage custom assets using the API
      • Unlocking assets through API (Beta)
    • Create Custom Assets
      • Fullbody Outfits
        • Checking Skin Weights
      • Tops, Bottoms, Shoes
        • Editing templates
      • Hairstyle
      • Headwear
      • Facewear
      • Glasses
      • Hero Characters
      • Modeling Guidelines
  • 🔃API Reference
    • REST API
      • Authentication
      • Avatars
        • GET - 3D avatar
        • GET - 2D Render of an Avatar
        • GET - Metadata
        • PUT - Equip an asset
        • PUT - Unequip an asset
      • Assets
        • Asset Entity Properties
        • POST - Create Asset
        • GET - List Assets
        • PATCH - Update Asset
        • POST - Upload Asset Files
        • POST - Add Asset to Application
        • DELETE - Remove Asset from Application
        • PUT - Unlock asset for a user
        • PUT - Lock asset for a user
      • Users
        • POST - Create User
      • Auth
        • GET - Token
      • Changelog
    • Avatars
      • Full-body avatars
      • Full-body XR avatars
      • Half-body avatars
      • Morph targets
        • Apple ARKit
        • Oculus OVR LipSync
    • Avatar Creator
  • 🔉Support
    • Forums
    • Licensing & Privacy
Powered by GitBook
On this page
  • 1. Set up your app's Avatar Creator
  • 2. Configure your Avatar Creator
  • Body type
  • Language picker
  • Avatar creation success window
  • Avatar shortcode
  • QR code to download avatar
  • Body Shapes
  • Theme
  • More Avatar Creator configurations

Was this helpful?

  1. Customizing Guides

Avatar Creator Appearance

Configure and customize the Avatar Creator. Register your app, create a subdomain, and manage your settings.

PreviousStudio (Developer Dashboard)NextAvatar URLs

Last updated 1 year ago

Was this helpful?

The Avatar Creator is a web-based, device-agnostic, and ready-to-use way of integrating the avatar creation and editing process into your game.

You can fully integrate the Avatar Creator into your game.

1. Set up your app's Avatar Creator

After you sign-up / sign in, you will see your first application already set up.

Once created, your subdomain is public, and users will immediately see any changes you make.

2. Configure your Avatar Creator

After you click on the app, you can modify and customize your Avatar Creator with the settings below.

Body type

Let users choose or default to a body type.

You can can change the default Body Type setting and define full-body or half-body as the default body type, and not give the user the freedom to choose. Click Save to apply your changes.

Language picker

Let users choose, or default to the system/browser language.

By default, users will see a language picker as shown below on the Avatar Creator.

You can enable or disable the language picker, and the Avatar Creator will default to the user's chosen system/browser language. Click Save to apply the changes.

Avatar creation success window

After successful avatar creation, the popup shown below displays the avatar URL to the user. With this URL, users can download the GLB file for their avatar.

Disable the Download the avatar popup to prevent users from accessing their avatars via URL. Click Save to apply your change.

Avatar shortcode

After successful avatar creation, you can opt to display the avatar shortcode above the avatar URL. Users receive a 6-digit code they can use in your application to load the avatar. This is especially useful for VR and mixed reality applications because avatar creation via WebView can be difficult.

Turn on the Avatar Shortcode setting to show users the avatar shortcode. Note that entering or clicking a shortcode in the browser will download the avatar GLB.

If you are using the Unity or Unreal Ready Player Me SDK's you only need the shortcode itself EG KJIXZB. The SDK will convert it into a valid URL automatically.

QR code to download avatar

After successful avatar creation, you can a link to the avatar . Scanning the code downloads the avatar.

Enable or disable this setting. Click Save to apply the changes.

Body Shapes

Users are able to select between different body shape presets while creating a full-body avatar.

Enable or disable this setting. Click Save to apply the changes.

Theme

Choose a light (default), dark, or create your own custom theme for the Avatar Creator to best match the user's overall experience with your app.

Click the Theme tab and select the theme that matches your app or game.

With custom theme, you can make more in-depth adjustments to Avatar Creator and see the preview of the changes as you make them. Click Save to apply the changes.

More Avatar Creator configurations

(Developer Dashboard) to customize your Avatar Creator. If you have no account yet, you can create one for free.

In the demo Avatar Creator (), by default, the first step for the user is to choose between a full-body and half-body avatar.

See the on how to affect the following and other Avatar Creator settings via postMessage by URL.

Avatar Creator option where users can choose to pick a premade avatar.

.

other than system/browser.

🖌️
Sign in to Studio
https://demo.readyplayer.me
Avatar Creator API Reference
Avatar Creator in Unity
Avatar Creator in Unreal Engine
Avatar Creator Native Integration using the APIs
Quickstart
Clearing the cache
Setting a default language
Avatar creation with the ready-to-use Avatar Creator.
Comparison of light and dark theme for Avatar Creator.