Pure SVG · 手绘矢量 · 60FPS 骨骼动画

鹈鹕骑行记

一只戴头盔、系围巾的鹈鹕,载着两条鱼迎风骑行。车轮、脚踏、双腿 IK 解算、围巾飘动、视差风景——全部由 SVG + JavaScript 逐帧驱动。

100% SVG绘制 双骨骼 IK 多层视差 昼夜切换
20.8 km/h
55 RPM
白天骑行
空格 暂停 / 继续 · 拖动速度条加速 · 眼睛会跟随鼠标
骑行速度 62%

双骨骼 IK 踩踏

大腿 + 小腿 / 上臂 + 前臂采用两骨骼逆运动学实时解算膝盖与手肘位置,脚掌始终精准咬合旋转中的脚踏。

六层视差风景

云朵、飞鸟、远山、丘陵、行道树、路面以不同速度无限循环滚动,车速越快速度线与围巾波浪越剧烈。

昼夜 + 生动细节

夜晚会亮起星空、圆月与车头灯光束;喉囊晃动、尾巴摆动、眼睛眨动并跟随鼠标,鱼儿在车篓里摇摆。