Communitygithub.com

ascorblack/video-skills

浏览器中3D动画规则(three.js → 逐帧渲染)及人物与物体动画——第一人称手部和身体、袖口与袖套、手部与物体及表面接触、姿势与角度混合、人物推搡、无滑动行走、发光效果、接触阴影、程序化材质、相交与抖动检测。在构建、动画化或检查3D场景、角色、手部、手持物体或视频光照时使用。

video-skills 是什么?

该技能提供了一套完整的3D动画规则,特别适用于在浏览器中使用three.js进行逐帧渲染的视频制作场景。它涵盖了第一人称手部和身体动画、手部与物体及表面的接触机制、姿势与角度的平滑混合、人物推搡逻辑、无滑动行走算法以及接触阴影和程序化材质等高级渲染技术。此外,技能还包含了相交与抖动检测工具,用于动画质量控制。这些规则源自实际视频制作项目,如3D第一人称视角视频和70年代风格的科学普及动画,确保了实用性和可靠性。主要支持基于three.js的浏览器端逐帧渲染平台,并可与`video-render`和`video-ui-capture`等配套技能协作,以加速渲染和同步界面录制。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ascorblack/video-skills/tree/HEAD/ru/skills/video-3d-animation

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

3D动画

每条规则均来源于过往视频教程;方括号内为来源(底部有图例)。

简略规则

  1. 手部、躯干、腿和鞋子应持续保留在场景中,而不是在相机朝下时才显示出来。[3D]
  2. 任何姿势变化都应通过权重混合在0.25–0.6秒内完成,而不是使用if (t > a)切换。[3D]
  3. 角度仅通过最短路径进行混合(lerpAng)。[3D]
  4. 下一段动画应从上一段动画结束的位置开始,而不是从路径点开始。[3D]
  5. 手持物体时应通过接触来维持:移动角色使手部落在物体上 [3D];将物体固定在手部,而不是身体 [Научпоп]。
  6. 脚部应低于表面0–6毫米放置,而不是高于表面 [Научпоп];手部在表面上应精确抬起至指尖高度 [3D]。
  7. 脚步步长应从移动距离计算得出,而非时间。[Научпоп]
  8. 多进程渲染时,应预先烘焙并平滑姿势,然后将准备好的修正值交给页面。[3D]
  9. 接触阴影能以最小的代价带来最大的“落地感”。[3D]
  10. 相交与抖动检测应在完整渲染前运行,但动作时刻的全尺寸帧仍需人工检查。[3D]

详细内容

  • body-and-hands.md — 第一人称手部和身体、袖口与袖套、与表面和家具的接触。
  • motion.md — 姿势与角度混合、动画块、推搡、对话间隙中的“生活感”、人物与物体。
  • materials-and-light.md — 发光、阴影、木材、圆角、屏幕、字体、聚光灯束。
  • frame-checks.md — 相交与抖动检测器及其无法检测的内容。

渲染及其加速 — 技能 video-render;场景中手部与界面录制的同步 — 技能 video-ui-capture。

来源

  • [3D] — 浏览器中第一人称三维视频教程(three.js → 逐帧渲染)。
  • [Научпоп] — 苏联风格科普与70年代初幻灯片风格视频教程(平面图形与物体的动画)。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

ascorblack/video-skills

Правила звука для роликов — фоновая музыка и звуковое оформление, совпадение звука с картинкой, сведение голоса и музыки (LUFS, истинный пик, приглушение), удлинение музыки без стыков, синтез дикторской озвучки (дословность, темп), архивный «эфирный» голос с помехами, сдача звука и работа с API-ключами. Используй, когда делаешь, сводишь, проверяешь или правишь музыку, звуковые эффекты, озвучку или микс ролика.

ascorblack/video-skills

Правила рендера и оптимизации роликов из HTML/браузерных кадров — грабли покадрового рендера с перемоткой (твины, CSS-анимации, transform, aspect-ratio, SVG use, тяжёлые слои), детерминизм и повторяемость, где уходит время рендера, кодирование на NVENC с битрейтом, воркеры, отвязанный от сессии рендер, вшивание звука без перерендера картинки, проверка готового файла (ffprobe) и хранение версий. Используй, когда рендеришь, ускоряешь, кодируешь, пересобираешь или сдаёшь готовое видео.

ascorblack/video-skills

Правила записи интерфейса программы для роликов, презентаций и gif — покадровая съёмка браузера в виртуальном времени (headless Chrome, beginFrame), демо-стенд с выдуманными данными, курсор, метки во время записи, запасы в начале и конце дубля, лист кадров, наезды и обрезка записи, экран программы в стилизованном кадре, версия на другом языке с теми же кликами и синхронизация рук в 3D-сцене с записью. Используй, когда снимаешь, режешь, ускоряешь или вставляешь в ролик запись экрана приложения.

ascorblack/video-skills

Rules for the visuals of videos about programs and popular-science videos — diagrams and connector lines, terms with applied examples, how long to hold a slide, transitions without jerking, camera push-ins, titles and figures in the frame, stylization in the manner of Soviet popular science and filmstrips (palette, fonts, grain, vignette). Use when designing, drawing or editing frames, slides, diagrams, titles, transitions or the style of a video, and when checking frames before assembly.

相关技能