https://github.com/networked-aframe/naf-valid-avatars
Example of using realistic animated avatars in networked-aframe.
https://github.com/networked-aframe/naf-valid-avatars
Last synced: about 1 year ago
JSON representation
Example of using realistic animated avatars in networked-aframe.
- Host: GitHub
- URL: https://github.com/networked-aframe/naf-valid-avatars
- Owner: networked-aframe
- License: mit
- Created: 2023-12-02T19:33:34.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-16T10:45:49.000Z (over 1 year ago)
- Last Synced: 2025-03-16T11:29:06.012Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://naf-valid-avatars.glitch.me
- Size: 868 KB
- Stars: 12
- Watchers: 4
- Forks: 1
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Example of using realistic animated avatars in networked-aframe
- [Live demo](https://naf-valid-avatars.glitch.me)
- [Live demo for doing a vote session](https://naf-valid-avatars.glitch.me/vote.html)
The [GitHub repo](https://github.com/networked-aframe/naf-valid-avatars) is synced with the [code on glitch](https://glitch.com/edit/#!/naf-valid-avatars) if you want to remix there.
This example is based on [naf-nametag-solidjs](https://github.com/networked-aframe/naf-nametag-solidjs) for the SolidJS and Tailwind CSS boilerplate
and is using the avatars from the [valid-avatars-glb GitHub repository](https://github.com/c-frame/valid-avatars-glb).
Some highlights:
- Using the [cursor-teleport](https://github.com/c-frame/aframe-cursor-teleport) and [simple-navmesh-constraint](https://github.com/AdaRoseCannon/aframe-xr-boilerplate?tab=readme-ov-file#simple-navmesh-constraintjs) components to move on the hills in the japan environment (PR [#26](https://github.com/networked-aframe/naf-valid-avatars/pull/26))
, see [video](https://github.com/networked-aframe/naf-valid-avatars/assets/112249/73054d01-6c1b-4d29-9eb1-81cba45d938c)
- Traversing portal to switch the scene and naf room, using obb-collider (PR [#25](https://github.com/networked-aframe/naf-valid-avatars/pull/25) and [#27](https://github.com/networked-aframe/naf-valid-avatars/pull/27)), see [video](https://github.com/networked-aframe/naf-valid-avatars/assets/112249/4dd0abfb-840a-4da1-9e42-6fb4ec48adfc)
## How to modify this project
- [How to integrate the avatars mainly the player-info file in your own project](https://github.com/networked-aframe/naf-valid-avatars/blob/main/docs/integrate_in_your_project.md)
- To add a new mixamo animation to the avatars, see [how to create an animation](https://github.com/networked-aframe/naf-valid-avatars/blob/main/docs/animation.md).
## Sponsors
This repository is a cumulation of changes and features that persons [sponsoring Vincent Fretin](https://github.com/sponsors/vincentfretin) asked for. Big thanks to them!