Name		Name	Last commit message	Last commit date
parent directory ..
public		public
screenshots		screenshots
src		src
.env		.env
.env.production		.env.production
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierrc.json		.prettierrc.json
Dockerfile		Dockerfile
README.md		README.md
entrypoint.sh		entrypoint.sh
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json

README.md

UI for interacting with robot

Get Started

cd robot_ui
npm i
npm run dev

Commands

npx gltfjsx RobotExpressive.glb --types -> create tsx file from .glb model
CartoonRobot looks cute but has no animations
BMO Cute, idle animation: https://sketchfab.com/3d-models/bmo-cute-model-3d-free-download-fe780b22c5b04ad0b0d6360687adf623
Billy-tankMaterial: has idle and dance animation
Expressive Robot from three.js Example has best animations

Resources

Robot Model: https://github.com/mrdoob/three.js/tree/master/examples/models/gltf/RobotExpressive
Three.js https://threejs.org/examples/#webgl_animation_skinning_morph
Gltfjsx: https://github.com/pmndrs/gltfjsx
React Three Fiber:
- https://www.npmjs.com/package/@react-three/fiber
- https://docs.pmnd.rs/react-three-fiber/api/canvas
TTS Language choosing https://jankapunkt.github.io/easy-speech/
MediaPipe/tasks-vision package https://www.npmjs.com/package/@mediapipe/tasks-vision

Notes

TTS only works in firefox on Lena's laptop