Portfolio website + 3D model lip-syncs to AI responses

(*Since I don’t speak English, I’m using AI translation…)

I’m deeply grateful for the amazing 3D library, Three.js.
At the beginning of the year, I started building a portfolio site based on Three.js,
and I’ve finally managed to complete it…

■ Technical highlights

  • Utilizes MMD, a 3D format that’s somewhat well-known in Japan
  • The AI Guide button at the bottom right features an MMD character responding like an AI client
  • Optimized for smartphones — confirmed to work on most modern devices
  • The site defaults to English based on browser language settings; if it displays in Japanese, you can switch languages using the button at the top right

Thanks to the Three.js and MMDLoader libraries, the 3D visuals closely match what I created in Blender.
I truly appreciate these incredible tools.

(If any issues are pointed out, I plan to fix them as soon as I can confirm them.)

※2025/10/20
The character limit was too strict, so I’ve relaxed it to allow up to 400 characters.
When the AI generates longer responses, audio playback will be disabled (to keep costs down…).

I’m personally updating the UI so that when a response goes over the audio character limit, a message appears with a red border.