├── .vscode └── settings.json ├── LICENSE.md ├── README.md ├── docs └── assets │ ├── demo.gif │ ├── icon.png │ ├── logo.png │ └── tryMe.gif └── examples ├── blendshapes-only ├── .env ├── .gitignore ├── .nvmrc ├── README.md ├── package.json ├── public │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ └── robots.txt ├── src │ ├── App.css │ ├── App.test.tsx │ ├── App.tsx │ ├── avatar │ │ └── predictions.ts │ ├── index.css │ ├── index.tsx │ ├── logo.svg │ ├── react-app-env.d.ts │ ├── reportWebVitals.ts │ └── setupTests.ts ├── tsconfig.json └── yarn.lock ├── hallway-rendering-tools ├── .env ├── .gitignore ├── README.md ├── package.json ├── public │ ├── backgrounds │ │ └── venice_sunset_1k.hdr │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ ├── models │ │ ├── Smiley_eye.glb │ │ ├── hannah.glb │ │ ├── headphones_2.glb │ │ ├── kevin.glb │ │ ├── mozilla.glb │ │ ├── rose.glb │ │ └── rpm.glb │ └── robots.txt ├── src │ ├── App.css │ ├── App.test.tsx │ ├── App.tsx │ ├── assets │ │ ├── avatar_thumbs │ │ │ ├── emoji.png │ │ │ ├── hannah.png │ │ │ ├── kevin.png │ │ │ └── mozilla.png │ │ └── icons │ │ │ ├── art.svg │ │ │ └── backgrounds.svg │ ├── avatar │ │ ├── AvatarOptions.ts │ │ ├── BackgroundOptions.ts │ │ ├── avatarLayout.module.scss │ │ └── avatarLayout.tsx │ ├── components │ │ ├── controls │ │ │ ├── backgroundButton.module.scss │ │ │ ├── backgroundButton.tsx │ │ │ ├── characterButton.module.scss │ │ │ ├── characterButton.tsx │ │ │ ├── customizationButton.module.scss │ │ │ ├── customizationButton.tsx │ │ │ └── popovers │ │ │ │ ├── backgroundPopover.module.scss │ │ │ │ ├── backgroundPopover.tsx │ │ │ │ ├── characterPopover.module.scss │ │ │ │ ├── characterPopover.tsx │ │ │ │ ├── customizationPopover.module.scss │ │ │ │ └── customizationPopover.tsx │ │ └── shared │ │ │ ├── loader.module.scss │ │ │ ├── loader.tsx │ │ │ ├── menuSelect.module.scss │ │ │ ├── menuSelect.tsx │ │ │ ├── splotch.module.scss │ │ │ ├── splotch.tsx │ │ │ ├── switch.module.scss │ │ │ └── switch.tsx │ ├── index.css │ ├── index.tsx │ ├── logo.svg │ ├── react-app-env.d.ts │ ├── reportWebVitals.ts │ ├── setupTests.ts │ └── utils │ │ └── browser.ts ├── tsconfig.json └── yarn.lock ├── react-app-with-threejs ├── .env ├── .gitignore ├── README.md ├── package.json ├── public │ ├── backgrounds │ │ └── venice_sunset_1k.hdr │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ ├── models │ │ ├── Smiley_eye.glb │ │ ├── hannah.glb │ │ ├── headphones_2.glb │ │ ├── kevin.glb │ │ ├── mozilla.glb │ │ ├── rose.glb │ │ └── rpm.glb │ └── robots.txt ├── src │ ├── App.css │ ├── App.test.tsx │ ├── App.tsx │ ├── avatar │ │ ├── avatarLayout.module.scss │ │ ├── avatarLayout.tsx │ │ ├── components │ │ │ ├── loader.module.scss │ │ │ ├── loader.tsx │ │ │ ├── menuSelect.module.scss │ │ │ ├── menuSelect.tsx │ │ │ ├── switch.module.scss │ │ │ └── switch.tsx │ │ ├── utils │ │ │ └── browser.ts │ │ └── world │ │ │ ├── components │ │ │ ├── camera.ts │ │ │ ├── lights.ts │ │ │ └── scene.ts │ │ │ ├── globalCanvas.ts │ │ │ ├── models │ │ │ ├── emoji.ts │ │ │ ├── index.ts │ │ │ ├── mozilla.ts │ │ │ └── readyPlayerMe.ts │ │ │ ├── renderLoop.ts │ │ │ ├── systems │ │ │ ├── controls.ts │ │ │ ├── environmentLoader.ts │ │ │ ├── loadModel.ts │ │ │ └── webGLRenderer.ts │ │ │ └── world.ts │ ├── index.css │ ├── index.tsx │ ├── logo.svg │ ├── react-app-env.d.ts │ ├── reportWebVitals.ts │ └── setupTests.ts ├── tsconfig.json └── yarn.lock ├── ready-player-me-tutorials ├── .gitignore ├── README.md ├── package.json ├── public │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ └── robots.txt ├── src │ ├── App.css │ ├── App.js │ ├── App.test.js │ ├── AvatarView.js │ ├── index.css │ ├── index.js │ ├── logo.svg │ ├── reportWebVitals.js │ └── setupTests.js └── yarn.lock └── render-multiple-avatars ├── .env ├── .gitignore ├── README.md ├── package.json ├── public ├── backgrounds │ └── venice_sunset_1k.hdr ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json ├── models │ ├── Smiley_eye.glb │ ├── hannah.glb │ ├── headphones_2.glb │ ├── kevin.glb │ ├── mozilla.glb │ ├── rose.glb │ └── rpm.glb └── robots.txt ├── src ├── App.css ├── App.test.tsx ├── App.tsx ├── avatar │ ├── avatarsLayout.module.scss │ ├── avatarsLayout.tsx │ ├── components │ │ ├── loader.module.scss │ │ ├── loader.tsx │ │ ├── menuSelect.module.scss │ │ ├── menuSelect.tsx │ │ ├── switch.module.scss │ │ └── switch.tsx │ ├── utils │ │ └── browser.ts │ └── world │ │ ├── components │ │ ├── camera.ts │ │ ├── lights.ts │ │ └── scene.ts │ │ ├── globalCanvas.ts │ │ ├── models │ │ ├── emoji.ts │ │ ├── index.ts │ │ ├── mozilla.ts │ │ └── readyPlayerMe.ts │ │ ├── renderLoop.ts │ │ ├── systems │ │ ├── controls.ts │ │ ├── environmentLoader.ts │ │ ├── loadModel.ts │ │ └── webGLRenderer.ts │ │ └── world.ts ├── index.css ├── index.tsx ├── logo.svg ├── react-app-env.d.ts ├── reportWebVitals.ts └── setupTests.ts ├── tsconfig.json └── yarn.lock /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "cSpell.words": [ 3 | "renderable", 4 | "renderables" 5 | ] 6 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
2 |
3 |
15 |
16 |
28 | Edit src/App.tsx
and save to reload.
29 |
Avatar URL: {avatarUrl}
91 |