Snake Path
スネークパス
Generation Prompt
【対象要素】 - セクションの装飾や回路・迷路モチーフのグラフィックに適用する 【演出内容】 - ジグザグの経路に沿って、短い線分が蛇のように走り続ける 【品質要件】 - 線分の長さは一定に保ち、角でも途切れさせない - 経路の線は表示せず、走る線分だけを見せる - ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる - prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する
[Target] - A circuit/maze-motif ornament [Motion] - A short line segment snakes along a zigzag route, forever [Quality] - Keep the segment length constant and continuous through corners - Hide the route itself; show only the moving segment - 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.