这是 aogl.cn 的一篇猴子精灵图转头个人原创手记：把短转头视频抽成雪碧图（sprite sheet），用 contact sheet 做角度到帧号校准（禁止简单用 angle/360*总帧数 线性映射），再在浏览器里用鼠标位置驱动 background-position 切换帧，并配上桃子自定义光标。利于检索的词包括：精灵图转头、CSS 雪碧图、鼠标跟随角色、绿幕抠图 WebP。
流程概览
抽帧，制作校准总表确认真实朝向，建立角度键位表，打包 10x12 共 120 帧 到 sprite_hd_120.webp，在本地浏览器验证上、右、下、左、斜向与正中。
calibration_sheet.jpg：角度与帧号对照用总表。正面参考帧
中性「朝镜头」单帧导出为 frame_front.webp，用于缩略图与打包前检查。
frame_front.webp：正面姿态参考。在线演示：120 帧高清 + 桃子光标
移动鼠标：角色在 sprite_hd_120.webp 上切换 120 个背景位置（10 列 x 12 行）；桃子图跟随指针，pointer-events: none 避免挡住点击。
original/monkey2/gemini-code-1778834915677.html（sprite_hd_120.webp、cursor.png）。雪碧图资源
三份 WebP 记录迭代：标准密度、高清版、最终 120 帧 生产用网格。
源片静帧 turn_head_1-10
十张编号 PNG 在打包全网格前抽样旋转弧线，便于质检与图库 alt 覆盖。
源视频（MP4）
两版导出记录早期与 refined 转头；抠绿前保留主体、避免误抠白/灰区域。
turn_head_v1.mp4turn_head_v2.mp4生成式风格锚点
两张 Gemini 图与工程资产并列，用于分享预览与图像检索，不替代校准后的精灵图。
离线脚本
gemini-code-*.py 与 txt.txt 记录抽帧与抠像规则。本文固定公开 HTML、图片与视频路径，便于 SEO 与长期引用。