Interactive painterly peacock

Create an elegant, responsive webpage featuring an interactive 3D peacock with grainy, painterly materials, deep teal plumage, muted gold details, and a warm ivory background. Use refined serif typography on a transparent foreground layer. Keep the Chinese logo “羽间” and offer Chinese/English switching.

Render the peacock in a full-viewport Three.js scene behind the typography, with generous horizontal movement and depth. Mouse movement guides its walking direction; its head, body, and folded tail turn coherently. Hovering makes it shake its head and gradually spread its feathers. Moving away closes the fan. Animate real geometry without crossfading between poses.

Scrolling down brings the peacock toward the camera, where it delivers energetic pecks. Scrolling up sends it backward. Pressing Space triggers a physically convincing jump and landing.

Clicking individual feathers detaches them with a gentle falling motion. The peacock approaches, bends down, grips each feather with its beak, turns its head backward, and returns it to its original position.

Add subtle procedural sounds for footsteps, spreading feathers, jumping, landing, pecking, and retrieval, with a mute toggle. Provide touch controls on mobile. Adapt camera framing to different screens, prevent accidental canvas clipping, and preserve smooth animation and the textured artistic atmosphere.