RobeSantoro / Interactive-3D-Bunny

Playing with Blender and ThreeJs to enhance the login experience

Home Page:https://interactive-3d-bunny.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Interactive 3d Bunny

ThreeJS + Tailwind + Vite

Interactive 3d bunny

Interactive 3d model of a bunny

Live Demo

It can move around the head following the mouse cursor. If you write in the form fields, the bunny will move your eyes in the direction you wrote and make some animations.

Inspired by the talk by Luigi Rosso and Guido Rosso @ Flutter Interact '19

It could really enhance the login experience if I put more effort into it.

// TODO:

  • Interaction with the username field
  • Interaction with the password field
  • Interaction with the Login button
  • Manage the events and the animation in a better way
  • Refactor everything

Development:

git clone https://github.com/RobeSantoro/Interactive3DBunny.git
npm install && npm run dev

ThreeJS 3D version of the 2D SVG R&D I made here: https://github.com/RobeSantoro/AvatarSVG

About

Playing with Blender and ThreeJs to enhance the login experience

https://interactive-3d-bunny.vercel.app/


Languages

Language:JavaScript 91.9%Language:HTML 7.8%Language:CSS 0.3%