Avatar
Avatar Troubleshooting
Fix black canvas errors, WebGL context loss, bone rigging glitches, and mobile rendering bugs.
Overview
Troubleshoot 3D WebGL rendering, rigging, and animation issues.
Avatar Renders as Black Box or Blank
- Verify WebGL 2: Check
chrome://gpuor ensure browser hardware acceleration is enabled.
- Draco Decoder: Ensure CDN endpoint
https://cdn.asiyst.comis accessible and not blocked by local ad blockers.
Animation Twisting or Bone Distortion
If bones twist during animation playback:
- Ensure the model's resting pose is in standard T-Pose or A-Pose.
- Confirm root bone name is
Hipsand all vertex weights are normalized ($le 1.0$).
Mobile Touch & Scrolling Conflicts
If tapping the avatar on mobile prevents page scrolling:
- Ensure the SDK container uses
pointer-events: noneon wrapper elements andpointer-events: autoonly on the interactive avatar canvas.