My Robot

Demo : https://julienweb.fr/my-robot/

Little robot here https://julienweb.fr

WebGL interactive robot made with React-three-fiber renderer for Three.js.
I'have made a lot of mistakes but have a lot of fun, and do a lot of experiments :) Check it! http://julienweb.fr code https://github.com/molokoloco/my-robot/blob/main/src/Jujuhome.js

Project dependencies :

{
  "dependencies": {
    "@react-three/drei": "^9.31.1",
    "@react-three/fiber": "^8.7.4",
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^14.4.3",
    "lamina": "^1.1.23",
    "react": "^18.2.0",
    "react-colorful": "^5.6.1",
    "react-dom": "^18.2.0",
    "react-scripts": "5.0.1",
    "react-spinners": "^0.13.6",
    "simplex-noise": "^4.0.0",
    "three": "0.140.0",
    "vite": "^3.1.8",
    "web-vitals": "^3.0.2"
  }
}

Dev and build :

npm i
npm run start
npm run build

Sources...

• https://codesandbox.io/s/three-js-robot-anims-tbodc4
• https://threejs.org/examples/webgl_animation_skinning_morph.html
• https://threejs.org/examples/webgl2_volume_cloud.html
• https://github.com/pmndrs/react-three-fiber
• https://github.com/pmndrs/drei
• https://codesandbox.io/s/friendly-cookies-v9mmc
• https://codesandbox.io/embed/react-three-render3d-qobqy
• https://codesandbox.io/s/staging-and-camerashake-0ycwe?file=/src/style.css:112-132
• https://codesandbox.io/s/grass-shader-5xho4
• https://codesandbox.io/s/spherical-word-cloud-yup2o
• https://codesandbox.io/s/github/onion2k/r3f-by-example/tree/develop/examples/hooks/
• ... nvm