Communitygithub.com

ascorblack/video-skills

Règles d'animation 3D pour des vidéos dans le navigateur (three.js → rendu image par image) et animation de formes avec objets — mains et corps à la première personne, manche et poignet, contact de la main avec des objets et surfaces, mélange de poses et d'angles, poussée de personnages, marche sans glissement, lueur, ombres de contact, matériaux procéduraux, détecteurs d'intersections et de secousses. À utiliser lorsque vous construisez, animez ou vérifiez une scène 3D, des personnages, des mains, des objets dans les mains ou la lumière dans une vidéo.

Qu'est-ce que video-skills ?

Ce jeu de compétences fournit un ensemble de règles éprouvées pour l'animation 3D temps réel dans le navigateur, principalement avec Three.js et le rendu image par image. Il couvre des techniques critiques comme le mélange fluide des poses, la manipulation d'objets à la première personne (contact main-objet, manche, poignet), l'ancrage des pieds au sol sans glissement, et l'utilisation d'ombres de contact pour un réalisme accru. Conçu pour les animateurs et développeurs travaillant sur des vidéos 3D, il aide à éviter les erreurs courantes (poses brutales, objets flottants, glissement des pieds) et à optimiser le rendu. Chaque règle est issue de leçons pratiques de projets antérieurs, avec des références claires. Le jeu inclut des détails sur les poses du corps et des mains, le mouvement, les matériaux et l'éclairage, ainsi que des méthodes de vérification par détecteurs d'intersections et de secousses. Il est conçu pour être utilisé conjointement avec les compétences `video-render` (pour le rendu) et `video-ui-capture` (pour la synchronisation des mains avec l'interface utilisateur).

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Animation 3D

Chaque règle est tirée des leçons des vidéos précédentes ; entre crochets se trouve la source (légende en bas).

Règles courtes

  1. Gardez les mains, le torse, les jambes et les chaussures en scène en permanence, ne les activez pas lorsque la caméra regarde vers le bas. [3D]
  2. Effectuez tout changement de pose par interpolation pondérée sur 0,25–0,6 s, et non par un interrupteur if (t > a). [3D]
  3. Mélangez les angles uniquement par le chemin le plus court (lerpAng). [3D]
  4. Commencez le bloc d'animation suivant à la position où le précédent s'est terminé, et non à un point de chemin. [3D]
  5. Tenez l'objet dans la main par contact : déplacez le personnage pour que la main repose sur le point [3D] ; attachez l'objet à la main, et non au corps [SciencePop].
  6. Abaissez les pieds de 0 à 6 mm sous la surface, et non au-dessus [SciencePop] ; pour la main sur une surface, soulevez-la exactement jusqu'au bout du doigt [3D].
  7. Calculez le pas des pieds à partir de la distance parcourue, et non du temps. [SciencePop]
  8. Lors du rendu multiprocessus, lissez les poses par cuisson (baking) à l'avance et fournissez les corrections prêtes à la page. [3D]
  9. Les ombres de contact donnent le plus de « réalisme » pour un coût minimal. [3D]
  10. Exécutez les détecteurs d'intersections et de secousses jusqu'au rendu complet, mais vérifiez tout de même visuellement les images en taille réelle aux moments d'action. [3D]

Détails

  • body-and-hands.md — mains et corps à la première personne, manche et poignet, contact avec les surfaces et les meubles.
  • motion.md — mélange de poses et d'angles, blocs d'animation, poussée, « vie » entre les répliques, formes et objets.
  • materials-and-light.md — lueur, ombres, bois, arrondis, écrans, polices, faisceau de projecteur.
  • frame-checks.md — détecteurs d'intersections et de secousses, ce qu'ils ne voient pas.

Le rendu et son accélération relèvent de la compétence video-render ; la synchronisation des mains dans la scène avec l'enregistrement de l'interface relève de la compétence video-ui-capture.

Sources

  • [3D] — leçons de vidéo tridimensionnelle à la première personne dans le navigateur (three.js → rendu image par image).
  • [SciencePop] — leçons de vidéo dans le style de la science-pop soviétique et du film fixe du début des années 70 (animation de formes plates et d'objets).

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.

Skills associés