“请帮我用 Three.js 写一个纯前端的 3D 交互网页,主题是『情绪天气』。 场景与视角: 初始画面是一棵巨大的大树(树干粗壮、树冠茂盛),旁边有草地和天空,视角是远景,能看全整棵树。 鼠标移动可以环绕大树观察(轨道相机)。 核心交互:鼠标点击画面任意位置,镜头会平滑拉近,特写聚焦到树枝上的一只黄小鸟。再次点击画面,镜头退回远景。 黄小鸟建模要求:Q版卡通风格,要可爱。水滴形身体、带有白底黑瞳和高光的大眼睛、上下两瓣的喙、有层次的翅膀、三根尾羽和头顶呆毛。 情绪天气控制: 网页底部有四个按钮(😄开心、😢难过、😠生气、😳害羞)。点击按钮,黄小鸟会做出对应的 3D 动画,同时天空颜色、光照和天气特效也会改变: 😄 开心:黄小鸟仰头张嘴鸣叫,翅膀扑腾,头顶冒出音符。天气晴朗。 😢 难过:灰小鸟飞来想打招呼又飞走,黄小鸟低头流泪,雨滴落下。天气变阴下雨。 😠 生气:绿虫爬到黄小鸟旁边嘲笑,黄小鸟炸毛张开翅膀准备啄它,绿虫迅速逃走,天空伴有闪电。天气变雷暴。 😳 害羞:粉红小鸟飞到旁边,黄小鸟偷看并脸红,冒出爱心。天空变成粉色傍晚。 请确保代码可以直接运行,无需额外资源,鸟儿和特效均用 Three.js 基础几何体+材质生成。”