Infinity Path
インフィニティパス
Generation Prompt
【対象要素】 - ヒーローや空きスペースの装飾グラフィックに適用する 【演出内容】 - 8の字(無限記号)の軌道に沿って、ドットが滑らかに走り続ける - 軌道の線はごく薄く描いておく 【品質要件】 - 交差点でも速度が変わらないよう、パスに沿った等速移動にする - 1周5秒前後にする - ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる - prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する
[Target] - A decorative graphic in a hero or empty space [Motion] - A dot glides along a figure-eight (infinity) track, forever - The track itself is drawn very faintly [Quality] - Move at constant speed along the path, even through the crossing - About 5s per lap - Make the loop seamless: the end state must match the start state exactly - With prefers-reduced-motion, stop the animation and show a static finished state
Prompts and demo code are free to use in your own projects. See About.