언어는 건축물처럼 구축되었다.
즉각적인
"BUILD THE FLOOR"라는 제목의 20초 분량의 역동적인 음성 영상물을 제작하세요. 이 영상물은 타이포그래피를 통해 완전히 구성된 독창적인 미니 연설로 제작되어야 합니다. 모든 줄은 화면의 구조를 변화시켜야 합니다. 마지막 선언은 앞선 단어들이 물리적으로 구축한 무언가 위에 세워져야 합니다. SVG 및/또는 Canvas를 사용하여 1080x1080 해상도, 60fps를 목표로 하는 하나의 HTML 파일로 제출하세요. 필요한 모든 에셋을 포함해야 합니다. 아트 디렉션: 배경 #102820, 종이 #F4E9D5, 구조적 강조 #F2B544. 마치 공공 기념물처럼 웅장하고 자신감 넘치는 문학적 편집 세계를 표현하세요. 연설문에는 고대비 세리프체를, 중요한 단어에는 굵은 그로테스크체를, 작은 타이밍 표시에는 절제된 모노스페이스체를 사용하세요. 진부한 시위 포스터 이미지, 메가폰, 깃발, 군중, 마이크, 스톡 영상은 사용하지 마세요. 원문 그대로 - 정확한 단어, 정확한 순서 "우리는 기다리라는 말을 들었습니다." "그래서 우리는 기다림의 무게를 배웠습니다." "그러자 한 목소리가 자리를 만들었습니다." "그리고 또 다른 목소리가." "이제 이 자리는 우리 것입니다." 이 대사들을 실존 인물의 말로 사용하지 마십시오. 추가적인 슬로건은 사용하지 마십시오. 음성 없이도 전체 대사를 이해할 수 있어야 합니다. 핵심 시각적 규칙 단어에는 건축적인 역할이 부여됩니다. WAIT는 상인방입니다. WAITING은 매달린 하중입니다. VOICE는 지지대입니다. ROOM은 개구부입니다. FLOOR는 플랫폼입니다. 이러한 역할은 텍스트 뒤에 배치된 별도의 그림이 아니라 실제 글자 형태에서 드러나야 합니다. 스토리보드 0.00–3.00 "우리는 기다리라는 말을 들었습니다." 문장은 거대한 WAIT 아래 좁은 가로 공간을 차지합니다. 문장은 읽을 수 있는 상태로 유지되지만 공간은 천천히 좁아집니다. 이러한 압박감은 카메라 흔들림이 아닌 레이아웃에서 비롯됩니다. 3.00–6.50 "그래서 우리는 기다림의 무게를 배웠습니다." 음성 구절 그룹으로 문장을 드러내세요. 'WAITING'은 두 개의 가는 수직선 위로 내려앉습니다. 이 선들은 현수 케이블이 됩니다. 기준선은 제어된 벡터 변형을 사용하여 시각적 하중을 받으며 휘어집니다. 6:50–10:00 "그러자 한 목소리가 자리를 만들었습니다." 'VOICE'가 수직으로 들어와 구조적 지지대로 회전합니다. 기준선의 한쪽 끝을 들어 올립니다. 'ROOM'의 'O'의 반대쪽 부분이 구멍이 됩니다. 다음 구도가 그 구멍을 통해 드러납니다. 10:00–12:50 "그러자 또 다른 목소리가." 두 번째 지지대가 나타납니다. 기울어진 구조가 수평을 이룹니다. 이것은 영화에서 처음으로 완벽한 수평 정렬이 이루어지는 순간입니다. 변화가 자연스럽게 느껴지도록 짧은 정지를 사용하세요. 12:50–16:00 "이제 바닥은 우리 것입니다." 앞서 나온 구조적 단어들이 모여 플랫폼을 형성합니다. 마지막 문장이 그 위에 자리 잡습니다. 'US'는 별도의 화려한 효과가 아닌, 공유된 정렬과 크기를 통해 강조됩니다. 16:00–18:00 완전한 선언을 유지하세요. 약간의 긴장 해제가 지지선을 통해 전달됩니다. 새로운 텍스트는 없습니다. 불필요한 장식적 움직임은 금지합니다. 18:00~20:00 카메라가 완성된 플랫폼 아래를 추적합니다. 플랫폼의 아랫면이 프레임을 채우고 개구부의 상인방이 됩니다. 완전 가림 상태에서 숨겨진 요소들을 초기 위치로 되돌립니다. 정확한 개구부 구성을 드러냅니다. 안무: 발화를 춤 박자에 맞추지 마십시오. 구절, 일시 정지, 강조를 기반으로 한 큐 시트를 사용하십시오. 구절 공개는 읽기 순서를 따라야 합니다. 최소 400ms의 절대적인 정지 순간을 하나 이상 허용하십시오. 하중의 안정화에는 임계 감쇠 운동을 사용하십시오. 기준선에만 제어된 탄성 변형을 사용하십시오. 사용 가능한 공간의 변화가 감정적 진행을 전달하도록 하십시오. 유형 구현: 구조적 단어에는 실제 글리프 경로를 사용하십시오. 변형 중에도 카운터와 가독성을 유지하십시오. 관련 없는 단어 간의 전환에는 가림 또는 일치하는 구조적 모서리를 사용하십시오. 임의의 경로 지점을 보간하지 마십시오. 현재 발화 중인 구절이 건축물로 바뀌기 전에 읽을 수 있도록 유지하십시오. 엔지니어링: window.seek(t)를 결정론적 장면 렌더러로 구현하십시오. 누적 물리 효과, 자율적인 CSS 전환 또는 임의 값 변경은 사용하지 않습니다. 시간 재매핑 곡선과 분석 변환을 사용합니다. render(0)=render(20)을 사용하여 20초 주기의 타임라인을 사용합니다. 1200개의 내보내기 프레임에 대해 n/60의 고정 단계 접근을 제공합니다. 오디오는 선택 사항이며 기본적으로 비활성화되어 있습니다. 브라우저 음성 합성 또는 자동 재생에 의존하지 않습니다. 품질 검사: 대표 프레임 8개를 검사합니다. 음성이 올바른 순서로 읽히는지 확인합니다. 구조적 변환으로 인해 청중이 읽기 전에 줄이 사라지지 않는지 확인합니다. 최종 플랫폼이 이전 요소들로부터 시각적으로 조립되는지 확인합니다. 완전한 HTML 구현을 반환합니다.
Create a 20.00-second kinetic spoken-word film titled “BUILD THE FLOOR.” Treat this as an original miniature speech staged entirely through typography. Every line changes the architecture of the frame. The final declaration must stand on something the earlier words physically constructed. Deliver one self-contained HTML file, 1080×1080, targeting 60fps, using SVG and/or Canvas. Embed all required assets. ART DIRECTION Background #102820. Paper # F4E9D5. Structural accent # F2B544. A literary editorial world with the scale and confidence of a public monument. Use a high-contrast serif for the speech, a heavy grotesque for load-bearing words, and a restrained monospace for small timing marks. No distressed protest-poster clichés, megaphones, flags, crowds, microphones, or stock footage. ORIGINAL SPEECH — EXACT WORDS, EXACT ORDER “We were told to wait.” “So we learned the weight of waiting.” “Then one voice made room.” “Then another.” “Now the floor belongs to us.” Do not attribute these words to any real person. No extra slogans. The complete speech must be understandable without audio. CENTRAL VISUAL RULE Words have assigned architectural roles. WAIT is a lintel. WAITING is a suspended load. VOICE is a support. ROOM is an opening. FLOOR is a platform. These roles must emerge from the actual letterforms, not from separate illustrations placed behind text. STORYBOARD 0.00–3.00 “We were told to wait.” The sentence occupies a narrow horizontal opening beneath a massive WAIT. The opening slowly compresses while the sentence remains readable. The pressure comes from the layout, not camera shake. 3.00–6.50 “So we learned the weight of waiting.” Reveal the sentence in spoken phrase groups. WAITING lowers on two fine vertical rules. Those rules become suspension cables. A baseline bends under the visual load using a controlled vector deformation. 6.50–10.00 “Then one voice made room.” VOICE enters vertically and rotates into a structural support. It lifts one end of the baseline. The counter of the O in ROOM becomes an aperture. The next composition is revealed through that aperture. 10.00–12.50 “Then another.” A second support arrives. The tilted structure levels. This is the first moment of perfect horizontal alignment in the film. Use a brief stillness to make the change feel earned. 12.50–16.00 “Now the floor belongs to us.” Earlier structural words assemble into a platform. The final sentence settles onto it. US receives emphasis through shared alignment and scale, never through a separate flashy effect. 16.00–18.00 Hold the complete declaration. A slight release of tension travels through the supporting rules. No new text. No restless decorative motion. 18.00–20.00 The camera tracks beneath the completed platform. Its underside fills the frame and becomes the opening WAIT lintel. Under full occlusion, return hidden elements to their initial positions. Reveal the exact opening composition. CHOREOGRAPHY Do not force the speech onto a dance beat. Use a cue sheet based on phrases, pauses, and emphasis. Phrase reveals should follow reading order. Allow at least one 400ms moment of absolute stillness. Use critically damped motion for settling loads. Use controlled elastic deformation for the baseline only. Make the changes in available space carry the emotional progression. TYPE IMPLEMENTATION Use actual glyph paths for structural words. Preserve counters and legibility during deformation. For transitions between unrelated words, use occlusion or matched structural edges; do not interpolate arbitrary path points. Keep the currently spoken phrase readable before it becomes architecture. ENGINEERING Implement window. seek(t) as a deterministic scene renderer. No accumulated physics, autonomous CSS transitions, or changing random values. Use time-remapping curves and analytic transforms. Use a 20-second periodic timeline with render(0)=render(20). Provide fixed-step access at n/60 for 1200 export frames. Audio is optional and off by default; no browser speech synthesis or autoplay dependency. QUALITY GATE Inspect eight representative frames. Check that the speech reads in the correct order. Check that structural transformations never destroy a line before the audience can read it. Check the final platform is visibly assembled from earlier elements. Return the complete HTML implementation.
프롬프트는 다음에서 가져왔습니다. 우편 @Gdgtify.
- 모델
- Opus 5.5
- 스택
- SVG/Canvas
- 게시됨
이런 영상을 만들어 보세요
저희 Google Chrome 확장 프로그램을 사용하면 API보다 7배 저렴하게 이와 같은 동영상을 직접 제작할 수 있습니다.. MCP 통해 Claude 와 연동하여 작동합니다. 작업을 설명하면 확장 프로그램이 프롬프트부터 최종 파일까지 생성 과정을 처리합니다. 비디오를 생성하고, 조합하고, 음성을 추가하고, 번역합니다.
Automation — MCP для Google Flow, Google Vids и Claude
TikTok Symphony Creative Studio MCP Claude Code
SeedFlow — Seedance 2.5 в Dreamina, Qwen-Audio-3.1-TTS и Claude MCP