Devotd Github
新着開発ツール

niazmorshed2007/reanimate — アニメーションの再現とフレーム比較

reanimate は Claude Code 向けの技術で、アニメーションをフレーム単位に解析してコードで再現し、元のものと比較する。

リポジトリ情報niazmorshed2007/reanimate ↗

reanimate は Claude Code 向けの技術で、アニメーションをフレーム単位に解析してコードで再現し、元のものと比較する。

GitHub の説明: A Claude Code skill that reverse-engineers any animation frame by frame, then proves the copy moves the same.

スター
★ 315
フォーク
28
言語
JavaScript
ライセンス
MIT
原文を見る ↗GitHub で見る ↗

niazmorshed2007/reanimate は、ウェブサイトや動画のアニメーションを解析し、プロジェクトのコードとして再現する Claude Code 向けの技術だ。リポジトリの説明によれば、まず元をフレーム単位で逆解析し、その再現物が同じ動きをするかを確かめる。公開されている最新リリース情報は存在しない。したがって、これはある特定バージョンの変更点ではなく、リポジトリに紹介されている機能を確かめるための記事である。

対象となるのは、動作中のウェブサイトの画面、スクリーン録画、動画、GIF、Lottie ファイルだ。元の構造と動きを確認して再現物を作り、元とコピーを同じ方法で撮影し、時間経過や画面上の差分を比較する。そのあと差が大きい箇所から修正していく。デフォルトモードは動きの一致を目指し、より精密なモードは形やピクセル差も比較基準に含める。残った不一致は結果レポートに表示される。実装言語は JavaScript、ライセンスは MIT だ。

ただし、比較手順が実際の結果にどれだけ一貫性を生むかは、公開されているデモ事例だけからは判断できない。リポジトリの研究記録も、ブラウザ記録とフレーム比較がコードとして分かれていると説明しているが、公開事例の範囲を超える性能の根拠は示していない。したがって、多くのアニメーションに幅広く適用できるとは断定せず、公開事例の中で再現と比較の過程を示すツールと捉えるのが妥当である。