Mocaptrade
Marketplace offering pre-recorded motion capture data that can be applied to any 3D character or model. You can preview the animation file in detail before purchasing it in an interactive player, with controls allowing you to inspect it from every angle, frame by frame. My accomplishments: - Created animation preview component with UX of controls in mind (mobile touch controls, on-screen controls, mouse + keyboard controls) - Created a separate service to prerender animation files into .webm videos using Puppeteer.
Next.js
React
Three.js (@react-three/fiber, @react-three/drei)
Zustand
Tailwind CSS
Puppeteer