SuperAPI AI 工具集

threejs-frame-animation

设计与创作

查看项目

更新于 10-16 09:28

技能介绍

用途:为 Three.js 项目生产二维逐帧位图动画,运行时通过 THREE.Sprite 与 THREE.SpriteMaterial 显示为朝向相机的 billboard,可用于世界空间角色/特效,也可接入现有正交相机或 HUD 图层;HUD 布局、缩放与输入仍沿用项目现有 UI 系统。不制作三维骨骼模型动画,带骨骼、蒙皮或模型动作片段的资源应使用 three.js AnimationMixer;角色有意采用二维精灵表现时仍走本技能图集路线。

主要能力与分类:按用途分为普通动画(物件、环境、机械运动与状态变化)、角色动作动画(待机、移动、攻击、受击、跳跃等)、特效动画(命中、爆炸、烟尘、光效等)和 UI 帧动画(按钮反馈、提示、图标等),每类只读取对应参考。循环、单次、组合、终态保持为各类型共用的播放参数。

使用方式:来源路线默认视频抽帧,在内部动作时间轴记录中注明;图片递归补帧仅在用户明确选择或确认切换时启用。两条路线共用分类、游戏时间轴与人工验收。视频路线用真实视频作为连续运动草图,选择有效区间并按阶段重定时后抽帧;图片路线在固定画布上依次制作首尾及必要关键帧,再用相邻两图生成指定帧位。图片路线的插帧是带双图参考和指定动作时点的图片生成,不保证几何正确。

本地工具与命令:视频抽帧需要 ffmpeg、ffprobe 与项目 sharp;图片规划只用 Node.js,图片打包使用 sharp。可运行:node <skill-dir>/scripts/video-to-atlas.mjs --help、node <skill-dir>/scripts/image-inbetween-plan.mjs --help、node <skill-dir>/scripts/images-to-atlas.mjs --help。视频工具每次处理一个区域,覆盖完整输入时间段,--fps 同时控制抽样与播放。

限制:不虚构脚本或生成 API 参数;视频来源或生成能力暂缺时报告缺口,不能自动改用图片路线;不得自动截图或启动真机验收,外部写入、付费、发布需独立授权;未提供的具体时长、参数等信息本资料未给出。