🪶 2D 骨骼逆运动学 (2-Bone IK) 🚲 纯矢量 SVG 实时渲染 🐟 喉囊物理弹性模拟

鹈鹕海岸骑行记 · Pelican Bicycle 2D Animation

基于双连杆逆向运动学（Hip → Knee → Webbed Foot）与曲柄踏板同步解算的 SVG 2D 矢量动画

60 FPS SVG KINEMATICS ENGINE
💡 点击画面或按钮可投喂小鱼 / 鸣响车铃
🚴 骑行踏频倍率 (Cadence Speed) 1.0x (78 RPM)
👜 喉囊饱满度与晃动幅度 (Pouch Bounce) 100%
🌬️ 海风阻力与颠簸感 (Suspension Bounce) 标准 (1.0x)
当前巡航车速 (Cruising Speed) ⚡
24.8 km/h
▲ 海岸顺风巡航状态稳定
双蹼踏频转速 (Pedal Cadence) 🔄
78 RPM
▲ 双连杆逆运动学实时解算中
喉囊鲜鱼储备 (Gular Pouch Fish) 🐟
1 条
💡 点击上方“投喂鲜鱼”增加储备
累计骑行里程 (Odometer) 📍
1.42 km
▲ 车轮角速度与地面位移 1:1 同步
🛠️ SVG 2D 动画骨骼结构与逆向运动学（IK）技术拆解表 点击展开 / 收起 ▾
动画子系统 SVG 图元与层级 物理与运动学算法 运行状态
鹈鹕双腿踩踏系统 #nearLegGroup / #farLegGroup 余弦定理双骨骼逆向运动学（Hip → Knee → Pedal），左右脚相位差 180° 实时 IK 解算
标志性大喉囊 (Gular Pouch) #pelicanPouch / #pouchFish 三次贝塞尔曲线控制点随踏频正弦谐振，模拟装鱼后的重力垂坠与惯性抖动 动态弹性形变
S 型长颈与飞羽 #pelicanHeadGroup / #nearWingGroup 躯干随踩踏周期产生 3.5° 俯仰角摆动，翼尖锚定车把并随前叉避震微调 相位联动
传动牙盘与辐条轮组 #rearWheelSpin / #frontWheelSpin 12 根辐条、气嘴、反光片与链条 stroke-dashoffset 严格按轮周长同步滚动 零滑移同步