Make a shareable 3D character test page
https://patrickz.ai/learn/character-debug-lab/

OUTCOME
Build a focused viewer that makes a visual bug reproducible.

YOU NEED
A coding agent, browser and a GLB model you have permission to use.

1. Define the practice version
Load one model. Add a camera reset, grid, animation selection and visible error text. Keep game systems out of the viewer.

2. Build step 1
Create a page that loads one character model.

3. Build step 2
Add a dropdown for every animation clip.

4. Build step 3
Add camera orbit, reset, grid, and lighting controls.

5. Build step 4
Display model name, animation name, scale, and loading errors.

6. Build step 5
Build the page as static files.

7. Build step 6
deploy it through GitHub Pages on each approved update.

8. Run the experiment
Open a working model and then a deliberately missing model URL. Switch animations twice, reset the camera and inspect scale against the grid.

PROMPT
Work in a disposable practice project. Explain any setup requirements before changing files. Build one small step at a time and show how I can check it.

Create a test checklist for a GLB character before it enters a Three.js game. Cover skeleton, skin weights, textures, scale, origin, animation clips, loop behavior, transitions, lighting, mobile performance, and error reporting.

Design a minimal character-debug page. It must load a GLB URL, list animation clips, switch clips safely, reset the camera, and display actionable errors. Keep it deployable as static files.

My first-version boundary: Load one model. Add a camera reset, grid, animation selection and visible error text. Keep game systems out of the viewer.

EXAMPLE / EXPERIMENT
Open a working model and then a deliberately missing model URL. Switch animations twice, reset the camera and inspect scale against the grid.

CHECK YOUR RESULT
[ ] The model and selected animation are identified on screen.
[ ] Missing assets produce an understandable error.
[ ] The shared page reproduces the same visual issue.

IF IT FAILS
If the character disappears, inspect scale, camera and loading errors before replacing the renderer. A public build artifact is not necessarily the original source project.

MY RESULT / NEXT CHANGE