Create a single, self-contained HTML file using vanilla JavaScript and HTML5 Canvas 2D to procedurally animate a running wild red fox in crisp 1080p (Full HD). No external assets or libraries.
Specifications:
Canvas & Resolution:Native resolution: 1920 × 1080 pixels.
Style: Smooth 2D vector-style rendering (anti-aliased Bezier paths, linear/radial gradients, dynamic shading).
Fox Rigging & Locomotion:Spine Dynamics: Smooth multi-joint spline showing agile spinal flexion and extension, with a slightly arched back at the gathered phase of the gallop.
Leg Kinematics: 4 slender, articulated limbs driven by Inverse Kinematics (IK) for a full rotary gallop, with light, springy foot placement.
Secondary Motion: A long, bushy tail streaming behind with inertial, wave-like counterbalancing (spring-damped segments), shoulder-blade sliding, subtle ear flicks, and a stabilized, forward-locked head gaze.
Styling: Rich russet-orange coat with layered fur-tuft edges and soft gradient shading. Cream-white chest, muzzle, and belly. Black "stocking" lower legs, black-backed ears, and a white-tipped tail. Amber eyes with a narrow pupil, a pointed snout, and fine whisker strokes.
High-Res Parallax Environment:
Multi-layer 1080p wild woodland-meadow backdrop:Gradient dawn sky and a distant misty horizon with soft atmospheric haze.
Mid-ground with procedural pine and birch tree silhouettes and rolling hills, each layer scrolling at a different speed.
Foreground terrain of tall grass, ferns, and fallen leaves, with a high-speed particle system generating kicked-up leaves, dirt, and dust plumes behind the paws.
Performance:Optimized for stable 60 FPS execution via requestAnimationFrame.
No UI elements
한국어 번역
바닐라 JavaScript와 HTML5 Canvas 2D를 사용해, 달리는 야생 붉은여우를 선명한 1080p(Full HD)로 절차적으로 애니메이션하는, 단일하고 자체 완결적인 HTML 파일을 만들어줘. 외부 에셋이나 라이브러리는 사용하지 마.
사양:
Canvas & 해상도:기본 해상도: 1920 × 1080 픽셀.
스타일: 부드러운 2D 벡터 스타일 렌더링(안티앨리어싱된 베지어 패스, 선형/방사형 그라디언트, 다이내믹 셰이딩).
여우 리깅 & 이동:척추 역학: 민첩한 척추의 굴곡과 신전을 보여주는 부드러운 다관절 스플라인, 갤럽의 모으는 국면에서 약간 아치형으로 휘어진 등.
다리 운동학: 완전한 회전 갤럽을 위해 역기구학(IK)으로 구동되는 4개의 가느다란 관절 사지, 가볍고 탄력 있는 발 디딤.
세컨더리 모션: 관성적이고 파도처럼 균형을 잡아주는(스프링 감쇠 세그먼트) 뒤로 흐르는 길고 풍성한 꼬리, 어깨뼈의 슬라이딩, 미세한 귀의 움찔임, 그리고 안정적으로 전방에 고정된 시선.
스타일링: 층을 이룬 털 다발 가장자리와 부드러운 그라디언트 셰이딩을 갖춘 풍부한 적갈색 주황 털. 크림 화이트 가슴, 주둥이, 배. 검은 "스타킹" 같은 아랫다리, 검은 등쪽의 귀, 끝이 흰 꼬리. 좁은 동공을 가진 호박색 눈, 뾰족한 주둥이, 섬세한 수염 스트로크.
고해상도 시차 환경:
다층 1080p 야생 삼림-초원 배경:그라디언트 새벽 하늘과 부드러운 대기 안개가 낀 먼 안개 지평선.
절차적 소나무와 자작나무 실루엣 및 완만한 언덕이 있는 중경, 각 레이어는 서로 다른 속도로 스크롤됨.
키 큰 풀, 양치류, 낙엽으로 이루어진 전경 지형, 발 뒤로 차이는 잎과 흙, 먼지 기둥을 생성하는 고속 파티클 시스템.
성능:requestAnimationFrame을 통해 안정적인 60 FPS 실행에 최적화.
UI 요소 없음
