영상 에이전트 쇼케이스

코드로 만든 영상. 움직이는 아이디어.

Dojo 영상 에이전트와 엔진으로 만든 편집 가능한 모션 그래픽, SVG 일러스트, Three.js 3D 장면입니다. 마음에 드는 방향을 골라 프롬프트를 내 프로젝트에 맞게 바꿔 보세요.

Three.jsSVGMotion graphicsMP4

Quiet Current

SVG · 8s

01 — 06

다음 작업의 방향을 찾아보세요.

3D / Three.js8s · 음성 없음

세라믹 링과 작은 구체가 회전하는 3D 조형물입니다.

SVG 일러스트8s · 음성 없음

두 마리 잉어가 SVG 물결과 섬세한 선 사이를 맴돕니다.

혼합 모션10s · 음성 없음

강렬한 타이포그래피와 조립되는 3D 큐브로 만든 브랜드 영상입니다.

3D / Three.js8s · 음성 없음

네온 프레임이 깊이 이어지며 회전하는 시각적 터널입니다.

3D / Three.js8s · 음성 없음

세라믹 기둥 배열을 따라 파동이 움직입니다.

3D / Three.js10s · 음성 없음

떠 있는 섬 위 작은 천문대를 카메라가 둘러봅니다.

에이전트로 생성한 뒤 선별하고 검토한 예제입니다. 일부는 추가 편집이나 기술적 수정을 거쳤습니다. 프롬프트는 출발점이며 결과는 달라질 수 있습니다.

일러스트, 3D 장면 또는 완성된 모션 시퀀스로 시작하세요.

프로젝트에 맞게 주제, 색상, 문구와 화면 비율을 바꾸세요.

원하는 변경을 요청하고 결과를 확인한 뒤 영상을 내보내세요.

코드로 영상을 만든다는 것은 무엇인가요?

에이전트가 구조화된 그래픽과 애니메이션 지시를 만들고 Dojo 엔진이 이를 영상으로 렌더링합니다. 지원되는 텍스트, 도형, 타이밍과 3D 오브젝트는 프로젝트에서 계속 편집할 수 있습니다.

코딩을 알아야 하나요?

일상 언어로 화면과 움직임을 설명하고 대화로 수정할 수 있습니다. 개발자는 Dojo의 오픈 소스 엔진과 하네스도 사용할 수 있습니다.

GPT로 이런 영상을 만들 수 있나요?

언어 모델이 장면 지시를 작성하고 영상 엔진이 프레임을 렌더링합니다. 이 예제는 실사 영상을 직접 생성하는 영상 모델과 다른 제작 방식을 사용합니다.

아무 SVG나 Three.js 코드를 붙여 넣어도 되나요?

편집 가능한 SVG의 제한된 기능과 검증된 3D 장면 데이터를 지원합니다. 임의의 JavaScript를 실행하거나 모든 SVG, 셰이더, 외부 3D 모델을 지원하지는 않습니다.

같은 프롬프트로 정확히 같은 결과가 나오나요?

항상 같지는 않습니다. 예제는 검토되었고 일부에는 추가 수정이 있습니다. 레이어를 수정하려면 프로젝트를 보관하세요. 내보낸 MP4는 합성된 영상입니다.

AI로 생성한 영상도 찾고 있나요?AI 영상 예제 둘러보기