WebGL2026

Robot Arm Portfolio

React + Three.js page whose background is a rigged robot arm that tracks the cursor.

3D20267 RIG NODES DRIVEN

An earlier portfolio experiment: a rigged robot-arm GLB driven by inverse-kinematics-style targeting toward the cursor, lit by image-based lighting and a five-light rig, with an idle sleep pose after inactivity.

ContributionSole author.

7Rig nodes driven
4096²Shadow map
3.8 sIdle sleep threshold

How it works

  • All scene logic in a single ~20 KB file — build, animate and teardown in one effect.
  • Image-based lighting via PMREMGenerator + RoomEnvironment plus a five-light rig with a 4096² shadow map.
  • Seven rig nodes driven per frame; the arm returns to a sleep pose after 3.8 s idle.
  • ACES filmic tone mapping, high-performance WebGL context.
Robot Arm Portfolio — Alejandro Newport