Communitygithub.com

ascorblack/video-skills

3D 動畫規則:瀏覽器中的逐幀渲染(three.js)以及第一人稱視角的手部與身體動畫、袖口與手腕接觸、姿勢與角度混合、角色推擠、無滑步行走、發光效果、接觸陰影、程序化材質、碰撞與抖動偵測。

video-skills 是什麼?

這個技能提供了一組實戰導向的 3D 動畫規則,適用於瀏覽器環境下的逐幀渲染(基於 three.js)以及第一人稱視角的角色與物體動畫。技能涵蓋了從基本姿勢混合、角度短程插值(lerpAng),到進階的物體接觸(手部貼合點跟隨、物體固定於手掌而非身體)、腳步與表面距離控制(腳底低於表面 0–6 mm)、以及無滑步行走(步長基於移動距離而非時間)等多種場景。此外,還包含了發光效果、接觸陰影、程序化材質(木紋、圓角、螢幕、字體)以及專用於碰撞與抖動的幀檢查偵測器。這些規則適用於 Claude Code、Cursor 等 AI 輔助開發工具,幫助開發者在構建、動畫或調試 3D 場景時快速套用最佳實務,減少手動調整的繁瑣步驟。

相容平台~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] — 瀏覽器中的第一人稱 3D 影片教學(three.js → 逐幀渲染)。
  • [科學普及] — 蘇聯科學普及片與幻燈片風格(1970 年代初)的影片教學(平面人物與物體動畫)。

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.

相關技能