Enoch
  • The Vision
    • ๐ŸŽฏOur Mission
    • ๐Ÿ•ต๏ธโ€โ™‚๏ธWho we are
    • ๐ŸŽ‡What problem are we Tackling?
  • Enoch Introduction
    • ๐ŸŽฏIntro to Enoch
    • ๐Ÿš€Stargate App
    • ๐Ÿ›’3D Marketplace App
  • Roadmap
    • ๐Ÿ—“๏ธRoadmap
  • Enoch platform
    • ๐ŸซProduct categories
  • Create
    • ๐ŸคPosts
    • ๐Ÿซ‚Community
    • ๐ŸŒ†Event
    • ๐Ÿง˜โ€โ™€๏ธNFT
    • ๐ŸŒSphere
    • ๐Ÿคพโ€โ™‚๏ธReel
    • ๐ŸŽถProfessional Page
    • ๐Ÿ”ˆGroups
    • ๐ŸŽŸ๏ธJob
    • ๐ŸŒค๏ธAd
  • PERSONAL
    • ๐Ÿ’ธMonetization
    • ๐Ÿ’ฐWallet
    • ๐Ÿ’ณGiftcard
    • ๐Ÿ“…Calendar
    • ๐Ÿงšโ€โ™‚๏ธRanking
    • โญBadges
    • ๐ŸŽŸ๏ธDaily Missions
    • ๐Ÿ’ฐPricing
    • ๐ŸงพBilling
    • ๐ŸคAffiliate
  • Social
    • ๐Ÿ“ฒHome Feed
    • ๐Ÿ‘จโ€๐ŸŽ“User Profile
    • โ–ถ๏ธMedia Content
    • โšกMessenger
    • ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘My Network
    • ๐Ÿง˜โ€โ™€๏ธCommunity
    • ๐ŸŽถEvents
    • ๐ŸŽŸ๏ธLive-Zone
    • ๐Ÿ”ˆSphere
    • ๐Ÿ“ƒProfessional Pages
    • ๐ŸŒค๏ธNews Feed
  • Creative
    • โ›ฉ๏ธIntroduction
    • ๐Ÿ‘ฉโ€๐ŸŽจCreator Portals
    • ๐ŸŽ™๏ธfantasy Studio
      • My Avatars
      • Meridian
      • Magic Tools
        • Journal
        • Inventory
        • Shop
        • Avatar
      • Gallery
    • ๐ŸŽนEnoch Studio
  • Shopping
    • ๐Ÿ“ŠEnoch 3D Marketplace
    • ๐Ÿ›๏ธSeller's Shops
  • Find Work
    • ๐Ÿ’ผJobs
  • Developers (Integration Guide)
    • ๐Ÿ‘พOverview
    • ๐ŸŸFish Hub
    • ๐Ÿค–Avatar Creator Setup
      • Avatar URLs
      • Avatar codes
    • ๐Ÿ”ตUnity Integration
      • Quick start
      • Load Avatars
      • Avatar Creator Integration
        • Android and iOS
        • VR and PC
        • WebGL
      • Optimize
        • Avatar Configuration
        • Avatar Caching
      • Code examples
        • Loading 3D Avatars
        • Loading 2D Avatars
        • Avatar Creator ( WebGL)
        • Avatar Creator (Desktop)
        • Avatar Creator (Mobile)
        • Distance-based LODs
      • Troubleshooting
        • Avatar loading issue
        • iOS issues
        • WebGL issues
        • Firewall issues
      • Help us improve the Unity SDK
      • FAQs for Unity
    • โšกUnreal Engine Integration
      • Quick start
      • Load Avatars
      • Avatar Creator Integration
        • Android and iOS
        • VR and PC
        • WebGL
      • Optimize
        • Avatar Configuration
        • Avatar Caching
      • Code examples
        • Loading 3D Avatars
        • Loading 2D Avatars
        • Avatar Creator ( WebGL)
        • Avatar Creator (Desktop)
        • Avatar Creator (Mobile)
        • Distance-based LODs
      • Troubleshooting
        • Avatar loading issue
        • iOS issues
        • WebGL issues
        • Firewall issues
      • Help us improve the Unity SDK
      • FAQs for Unity
    • ๐Ÿ•ธ๏ธWeb & native Integration
      • Quick start
      • Code examples
      • Common errors
  • Enoch Advertising
    • ๐ŸŽŸ๏ธAd Manager
    • โญEnoch Ad
  • Settings
    • ๐Ÿ”’Your Private Profile
    • โš™๏ธYour Account
  • Open Finance
    • ๐Ÿ“–Dashboard
    • ๐Ÿ“ˆTrade
      • Paradigm Swap
      • Paradigm Liquidity Pool
      • Paradigm Bridge
    • ๐Ÿ”ฎFinancial Pools
      • Ranking Pools
      • Daily Missions Pools
      • Cerberus Pools
      • Trinity Pools
      • Prometheus Pools
      • Lazarus Pools
  • Enochian Party Program
    • ๐ŸคธIntro to Enochian Party Pass
    • ๐Ÿ›ซParty beginnerโ€™s guide
    • ๐Ÿ„Enochian Season
    • ๐ŸŽ‰Party Pass Guide
    • ๐ŸบParty Pass Benefits
    • ๐Ÿ“ถParty FIND ANSWERS
    • ๐ŸคบNinja Warrior 3D Collectectibles
    • ๐ŸƒArk Of Convenent
  • Yokai Air Drop
    • ๐ŸคธIntro to Yokia Air drop
    • ๐Ÿ„Meet the yokai mythical creatures
    • ๐Ÿ›ซYokai beginnerโ€™s guide
    • ๐ŸŽ‰Yokai Air drop Guide
    • ๐Ÿ“ถYokai Find Answer
    • โœ–๏ธYokai Mutation
  • TECHNOLOGY
    • ๐Ÿฆธโ€โ™‚๏ธWeb 2.0 Protocols
    • ๐Ÿฆธโ€โ™‚๏ธWeb 3.0 Protocols
      • Metatron
      • Uriel
      • ZK Rollups
    • ๐Ÿ—๏ธWeb 3.0 Smart Contracts
      • Dual Token
      • Stargate
      • 3D MarketPlace
      • Financial Pool
      • Yokia AirDrop
      • Enochian Party Pass
    • ๐Ÿค–Atlantis A.I engine
      • Feature
        • Text-to-Speech
        • Evie-Chat-Assistant
        • Video-Animation
        • Text-To-3D
        • Text-to-Image
        • Text-to-Video
        • Text-To-Music
        • Torus
        • 2d to 3D
      • Evie Chat Assistance
    • โ˜๏ธCloud Infrastructure
  • API references
    • โ›“๏ธEnoch Rest APIs
      • Access and Authentication
      • Response codes & types
      • GET - 3D Avatars
      • GET - 2D Avatars
      • GET - Metadata
      • Changelog
    • ๐Ÿ”ตUnity SDK
      • AvatarCache
      • AvatarConfig
      • AvatarObjectLoader
      • AvatarRenderLoader
      • WebView
      • SDKLogger
      • Changelog
    • โšกUnreal Engine SDK
      • AvatarObjectLoader
      • AvatarRenderLoader
      • Actor
      • Component
      • MemoryCache
      • Setting
      • BlueprintLibrary
      • FunctionLibrary
      • AvatarConfig
      • Changelog
  • Investment
    • ๐Ÿ“ˆMetanomics
    • ๐Ÿช™Dual Token Model
    • ๐Ÿ’ฒEnoch Yield Farming
    • ๐Ÿ’ธ$ENOCH Investor benefits
    • โ”FAQ
  • Enoch Ecosystem & Functions
    • ๐ŸงชEnoch Labs
    • ๐Ÿ’นHow to earn income in Enoch
    • ๐Ÿ‘ฝSocial Fi
      • Ranking Pools
      • Daily Missions
    • ๐Ÿ’ธSocial Monetization
      • Live Gifting
      • Uriel Gifting
      • Premium Content
      • Seller Shop
      • Ranking
      • Daily Mission Prizes
      • Drops
  • Payment Gateway
    • ๐ŸฌPayment Gateway
  • Team
    • โญTeams
  • ENOCH TUTORIALS
    • ๐Ÿ‘ฅSocial
      • Profile Setup
    • ๐Ÿ›๏ธShopping
      • Setting up your Shop
    • ๐ŸŽ—๏ธCreative
      • ๐Ÿ‘˜Becoming a 3D artist
    • ๐Ÿ’ŽOpen Finance
      • Staking Pools
      • DEX
      • Love and Enoch
  • KNOW US MORE
    • โ›‘๏ธSupport and Safety
Powered by GitBook
On this page
  • Running the project
  • Using the template
  1. Developers (Integration Guide)
  2. Unity Integration
  3. Code examples

Avatar Creator ( WebGL)

PreviousLoading 2D AvatarsNextAvatar Creator (Desktop)

Last updated 2 years ago

The Avatar Creator can be integrated into your WebGL Unity Project. This requires setting up the communication between the Avatar Creator and your Unity application.

Download and open the sample Unity Project from GitHub.

This sample project uses a custom WebGL template to embed the Ready Player Me character creator inside an application to seamlessly add avatars. Use this as a reference for adding Ready Player Me avatars to your Unity WebGL application.

This example has been tested in Unity 2020.3LTS and newer versions. See Troubleshooting if you encounter build errors.

Running the project

  1. Make sure you are building for WebGL and Scenes/WebGLExample is included in the Build Settings.

  2. Open Project Settings > Player > Settings for WebGL > Resolution and Presentation and select the template for your version of Unity.

  3. Build and run the project. You should see the Avatar Creator, be able to create an avatar, close the Avatar Creator, and see the avatar in the scene.

Using the template

For Unity 2019 use the RPM_2019 Template. For later versions, use the RPMTemplate.

๐Ÿ”ต
https://github.com/readyplayerme/Unity-WebGL-Example