Jackson li

做一个可以直接在浏览器里玩的 3D 作品《近日点》：一只戴红色骑行帽、系红围巾的白鹈鹕，骑着一辆朱红色自行车，沿海上轨道冲进一个竖直圆环，倒挂着从日食前穿过。 我要的是能实时渲染、能换视角的网页。打开后它自己骑；我随时可以暂停，拖动鼠标绕到它背后，放大看它的脚到底有没有踩在踏板上。请直接写出并运行代码，最终给我一个可离线打开的 index.html，把 Three.js 和必要资源打包进去。所有模型用代码创建。 骑行是这个作品的核心。请先让自行车在直轨上骑得可信，再做圆环。两个曲柄始终相差 180°，每只蹼脚跟随自己的踏板，用逆向运动学求腿部弯曲。翅尖扶住左右车把，身体坐在鞍座上，踩下去时肩背稍微起伏，围巾慢半拍跟上。车轮按走过的距离转动。进入弯道时，分别求前后轮在轨道上的接触位置，用两个轮轴决定车架姿态。到达环顶时，即使摄像机保持水平，鹈鹕和车也应该真的头朝下。 美术方向是精心上漆的复古微缩模型。鹈鹕要有一眼就认得出的长喙、下垂的橙金色喉囊和分层飞羽。自行车有细辐条、黄铜牙盘、皮鞍座和 07 号牌。海面是深青色，日食的金边在碎浪里反光。一条窄轨从海面伸来，卷成完整的竖环再伸出去。让入口和出口前后错开，使这条路在三维空间中真正连通。 默认播放一段约 18 秒的自动运镜：从侧面跟骑，推近到鹈鹕眼里的一弯日食反光，再跟着它爬上圆环。第 9 秒左右，让它倒挂在日轮前。随后拉远，在环道上短暂留下七个沿途真实姿态的半透明残影。出环时，几条飞鱼从桥下跃起。 交互只保留几个必要操作：空格播放或暂停，时间轴跳到任意时刻，拖动画面进入自由视角，滚轮缩放，按 V 返回自动镜头。切换镜头时保持当前时间和姿势。让骑手、车轮、围巾、飞鱼和残影都由同一个时间参数驱动，这样来回拖动进度条，同一时刻总能回到同一幅画面。 完成后实际在浏览器里做一次验收：暂停在第 9 秒，绕到车的另一侧，拉近检查两只脚和两个车轮；再把时间轴拖回起点，确认能正常重播。交付可以直接打开的 HTML。@huang18825感谢大哥的提示词