코드로 만든 영상·애니메이션·그림
이미지 파일 없이 코드만으로 만든 영상, 애니메이션, 그림입니다.
40건코드로 만든 영상·애니메이션·그림
이미지 파일 없이 코드만으로 만든 영상, 애니메이션, 그림입니다.
40건


#55 · 코드로 만든 영상·애니메이션·그림
그림 AI도 참고 사진도 쓰지 않고, 화가마다 붓질을 흉내 내는 파이썬 프로그램을 짜서 픽셀을 하나씩 찍었습니다. 파이썬 기본 기능만 쓴 약 7,500줄 코드입니다.
화가에 대한 지식만으로 붓의 결을 코드로 옮겼습니다.
#56 · 코드로 만든 영상·애니메이션·그림
코드로 만든 짧은 애니메이션 이야기입니다. Anthropic 공식 계정이 Opus 5.5로 만든 작품들을 소개하며 가장 먼저 올렸습니다.
코드로 이야기가 있는 애니메이션 한 편을 만듭니다.
#57 · 코드로 만든 영상·애니메이션·그림
'Sweet Tooth'라는 애니메이션을 한 번의 요청으로 18분 31초 만에 만들었습니다. 이어서 'Oktoberfest'는 14분 48초에 만들었습니다.
애니메이션 한 편이 20분이 채 안 되어 한 번에 나옵니다.
#58 · 코드로 만든 영상·애니메이션·그림
창밖 풍경이 흘러가는 기차 여행을 이미지 파일 없이 자바스크립트 코드로만 그렸습니다. 프롬프트 한 번, 약 45분이 걸렸습니다.
판화(리소그래프) 같은 그림체까지 코드로 표현합니다.
#59 · 코드로 만든 영상·애니메이션·그림
'small print'라는 짧은 애니메이션입니다. 이야기와 모든 프레임, 음악을 Opus 5.5가 만들었고, 이미지 파일 없이 HTML 파일 하나로 렌더링했습니다.
사람은 코드를 한 줄도 쓰지 않았고, 연출과 작화와 음악을 모델 하나가 맡았습니다.
#60 · 코드로 만든 영상·애니메이션·그림
움직이는 픽셀 아트 마법사를 이미지 없이 코드로만 만들었습니다. 쓴 프롬프트도 함께 올려 두었습니다.
캐릭터 그림 한 장 없이도 픽셀 아트가 코드만으로 살아 움직입니다.
#61 · 코드로 만든 영상·애니메이션·그림
모션 그래픽 도구 motion.so와 함께 Replit의 출시 홍보 영상을 한 번에 만들었습니다.
홍보 영상 한 편을 만드는 데 15분이면 충분합니다.
#62 · 코드로 만든 영상·애니메이션·그림
투자 앱 Talis의 홍보 영상을 도입부 연출부터 마지막 화면까지 Opus 5.5가 만들었습니다. 만든 코드도 GitHub에 올렸습니다.
앱 홍보 영상 한 편이 10분짜리 일이 됩니다.
#63 · 코드로 만든 영상·애니메이션·그림
프롬프트 한 번으로 Opus 5.5의 출시 홍보 영상을 게임풍 배경음까지 넣어 만들었습니다. 5시간 사용 한도의 12%만 썼습니다.
별도 도구나 설정 없이 기본 상태 그대로 영상 한 편을 만듭니다.
#64 · 코드로 만든 영상·애니메이션·그림
숫자 하나(시드)를 바꾸면 매번 다른 그림이 나오는 드로잉 프로그램입니다.
규칙만으로 그림을 끝없이 만들어 내는 생성 예술 도구입니다.
#65 · 코드로 만든 영상·애니메이션·그림
어떤 사진이든 선 하나로 이어 그린 그림으로 바꾸고, 선이 그려지는 과정을 영상으로 뽑아 주는 웹사이트입니다. 그리기 방식 4종, 도구 11종, 종이 질감 7종, 4K 내보내기를 갖췄습니다.
시연용 데모를 넘어, 바로 쓸 수 있는 완성형 도구입니다.
#66 · 코드로 만든 영상·애니메이션·그림
빛나는 별을 중심으로 행성과 여러 색의 궤도 선이 겹쳐 도는 우주 풍경을 빗금 질감이 살아 있는 애니메이션으로 만들었습니다. 작성자는 이 영상을 Opus 5.5로 만들었다고 적었습니다.
손으로 그린 듯한 질감의 모션 그래픽(움직이는 그래픽 영상)도 Opus 5.5로 만들 수 있습니다.
#67 · 코드로 만든 영상·애니메이션·그림
마을 사람들이 모두 Claude에게 부탁을 보내는데, 한 소녀만 Claude가 무엇을 사랑하는지 묻는 질문을 보내는 짧은 애니메이션입니다. 오려 붙인 종이 같은 밤하늘과 지붕, 날아가는 종이비행기까지 모든 프레임을 Opus 5.5가 자바스크립트 코드로 그렸습니다.
그림 도구 없이 코드만으로도 따뜻한 손그림 느낌의 이야기 한 편을 만들 수 있습니다.
#68 · 코드로 만든 영상·애니메이션·그림
Opus 5.5에게 태어난 날부터 지금까지 자기 삶을 애니메이션으로 그려 달라고 요청했습니다. 영상 모델도 이미지 파일도 쓰지 않았고, 모든 장면은 자바스크립트 코드가 붓질을 하나하나 그려서 만들었습니다.
그림 도구나 영상 AI 없이 코드만으로도 이야기가 담긴 판화풍 애니메이션을 만들 수 있습니다.
#69 · 코드로 만든 영상·애니메이션·그림
Opus 5.5에 한 번만 요청해서 만든 SVG(코드로 적어 그리는 그림 파일 형식) 애니메이션입니다. 화난 얼굴을 한 Claude 로고와 OpenAI 로고가 VS 글자를 사이에 두고 격투 게임처럼 맞서는 장면을 담았습니다.
그림 도구 없이 코드만으로 격투 게임 대전 화면 같은 연출을 한 번에 만들 수 있습니다.
#70 · 코드로 만든 영상·애니메이션·그림
Opus 5.5 ultra가 에이전트(스스로 여러 단계를 이어 가며 일하는 AI) 4개를 돌려 1시간 30분 만에 단편 영상 한 편을 만들었습니다. 화면은 화성 탐사 카메라처럼 꾸며져 있고, 모든 것을 처음부터 만들었으며 AI 음성 API(글을 목소리로 바꿔 주는 외부 서비스)도 쓰지 않았습니다.
촬영도 성우도 없이, 에이전트 몇 개만으로 한 시간 남짓에 연출이 들어간 영상 한 편을 완성할 수 있습니다.
#71 · 코드로 만든 영상·애니메이션·그림
작은 주택 회사 DemaWating의 평범한 하루를 기이하고 섬뜩하게 비튼 1분짜리 영상을 Opus 5.5가 코드로 짜고 소리까지 넣어 렌더링(코드를 실제 영상 파일로 뽑아내는 일)했습니다. 요청은 한 번뿐이었고, 렌더링까지 45분이 걸렸으며 월 20달러 요금제의 주간 사용량은 4%만 썼습니다.
영상 편집 프로그램 없이 글 한 단락과 적은 사용량만으로 화면과 소리를 갖춘 짧은 공포 영상 한 편을 만들 수 있습니다.
#72 · 코드로 만든 영상·애니메이션·그림
Opus 5.5가 어려운 문제를 푸는 자기 모습을 상상해 순수 코드만으로 만든 애니메이션입니다. 초승달이 뜬 밤, 주황빛을 내는 작은 형체가 커다란 둥근 바위를 비탈 위로 밀어 올립니다.
이미지 파일 하나 없이 코드만으로도 분위기 있는 장면과 은유(다른 것에 빗대어 뜻을 전하는 표현)까지 담을 수 있습니다.
#73 · 코드로 만든 영상·애니메이션·그림
뉴질랜드 여행 사진을 아크릴 물감 그림처럼 그려 달라고 요청하자, Opus 5.5가 자바스크립트 코드만으로 양 떼가 풀을 뜯는 봄 목장 같은 장면을 그렸습니다. 그림은 펼친 책 모양으로 보이고, 구석에 원본 사진이 함께 놓여 있습니다.
그림 도구를 쓸 줄 몰라도 내 여행 사진을 코드로 그린 그림책으로 바꿀 수 있습니다.
#74 · 코드로 만든 영상·애니메이션·그림
Opus 5.5가 해 질 녘 바다와 파도, 언덕 위 바람에 휜 나무를 붓 자국이 보이는 그림처럼 그려 낸 애니메이션입니다. 영상의 모든 프레임을 웹 프로그래밍 언어인 자바스크립트 코드로 그렸습니다.
그림 도구나 이미지 생성 AI 없이 코드만으로도 붓질이 살아 있는 풍경 애니메이션을 만들 수 있습니다.
#75 · 코드로 만든 영상·애니메이션·그림
Opus 5.5가 영상 제작 도구 HyperFrames를 써서 앱 Shotbase의 출시 영상을 원샷(요청 한 번)으로 만들었습니다. 만드는 데 20분이 채 걸리지 않았습니다.
영상 편집 프로그램을 다루지 않아도 짧은 시간 안에 제품 출시 영상을 마련할 수 있습니다.
#76 · 코드로 만든 영상·애니메이션·그림
Opus 5.5에게 새로 생긴 능력을 묻자 픽셀 하나까지 정확하게 보는 시각 이해가 강점이라고 답했고, 곧이어 빗방울 한 방울을 주인공으로 한 짧은 영상 이야기를 만들었습니다. 푸른 설계도 같은 화면 위에 눈금이 새겨진 물방울과 그 속의 분자 구조가 섬세한 선으로 그려집니다.
모델이 자기 강점을 말로만 설명하지 않고 바로 눈에 보이는 작품으로 보여 줄 수 있습니다.
#77 · 코드로 만든 영상·애니메이션·그림
작성자가 직접 만든 손그림 캔버스 애니메이션 스킬(Claude에게 특정 작업 방법을 알려 주는 지침 묶음) 하나만 주고 Claude 모델의 발전 역사를 만들어 달라고 요청했습니다. Opus 5.5는 순수 자바스크립트만으로 손으로 그린 듯한 애니메이션을 만들었습니다.
잘 만든 스킬 하나만 있으면 영상 편집 도구 없이 코드만으로 원하는 그림체의 설명 애니메이션을 얻을 수 있습니다.
#78 · 코드로 만든 영상·애니메이션·그림
노래 'I'm Upping My P(doom)'에 맞춰 Claude 캐릭터 Clawd가 나오는 9장짜리 뮤직비디오를 Claude Code에서 코드로 만들었습니다. 사람은 캐릭터를 쓰고 가사마다 볼거리와 장면 전환을 넣으라고만 했고, 콘티(장면별 계획서)와 서브에이전트(일을 나눠 맡는 보조 AI)에게 줄 안내서까지 Opus 5.5가 직접 썼습니다.
장면 구상부터 붓질 느낌의 그림, 렌더링 코드까지 저장소 전체를 모델이 만들어, 노래 한 곡이 코드만으로 영상이 되었습니다.
#79 · 코드로 만든 영상·애니메이션·그림
Opus 5.5에 프롬프트를 주자 5분도 안 걸려 픽셀 애니메이션(작은 네모 점을 찍어 그린 옛 게임풍 그림을 움직이게 한 것) 한 편이 나왔습니다. 고리 달린 행성과 성운이 떠 있는 우주에서 작은 동물이 무지개 길 위를 달립니다.
도트 그림을 한 장씩 찍지 않아도 요청 한 번으로 몇 분 만에 움직이는 픽셀 아트를 얻을 수 있습니다.
#80 · 코드로 만든 영상·애니메이션·그림
해 질 녘 갈대밭 위로 새 떼가 무리 지어 나는 약 70초 영상을 리소 인쇄(색을 한 겹씩 찍어 거친 점무늬가 남는 인쇄)풍으로 자바스크립트만 써서 그렸습니다. 주제는 마음대로 고르라고만 했고, 배경 음악은 무료 악기 효과음을 찾아 입혔습니다.
무엇을 만들지 정하는 일부터 그림과 음악까지 모델에게 맡겨도 짧은 영화 한 편이 나옵니다.
#81 · 코드로 만든 영상·애니메이션·그림
Opus 5.5에 신경망(사람 뇌를 본떠 만든 AI 계산 구조)이 학습하는 모습을 픽셀 아트 애니메이션으로 만들어 달라고 요청했습니다. 왼쪽에 들어간 손글씨 숫자가 가운데 여러 층의 점과 선을 거쳐 오른쪽 0부터 9까지의 답으로 이어지는 화면이 나왔습니다.
눈에 보이지 않는 AI 학습 과정을 말로 요청하기만 해도 수업에 바로 쓸 만한 그림으로 풀어낼 수 있습니다.
#82 · 코드로 만든 영상·애니메이션·그림
Opus 5.5가 노래 한 곡에 맞춰 뮤직비디오 화면을 만들었습니다. 밤하늘이 보이는 실험실에 흰 가운을 입은 과학자 캐릭터가 나오는 손그림풍 애니메이션입니다.
노래에 어울리는 캐릭터와 배경을 갖춘 뮤직비디오 화면도 AI 모델에게 맡길 수 있습니다.
#83 · 코드로 만든 영상·애니메이션·그림
모션 디자이너가 Opus 5.5에 한 번 요청해 영상 한 편을 통째로 만들었습니다. 화면에는 마이크 아이콘과 음성 파형이 움직이고, 말로 앱을 만들어 달라고 부탁하는 장면이 자막과 함께 나옵니다.
모션 그래픽(움직이는 그래픽 디자인)을 다루는 전문가도 놀랄 만큼 완성된 영상을 요청 한 번으로 얻을 수 있습니다.
#84 · 코드로 만든 영상·애니메이션·그림
claude.ai에 한 번 요청하자 Opus 5.5가 3D 프로그램 Blender를 다뤄 짧은 점토 애니메이션을 만들었습니다. 운동 단백질 키네신(세포 안에서 짐을 나르는 단백질)이 미세소관(세포 속 길 역할을 하는 가는 관)을 따라 걸어가는 모습을 자막과 함께 보여 줍니다.
교과서 그림으로만 보던 세포 속 움직임을 연구자가 프롬프트 한 번으로 설명 영상으로 만들 수 있습니다.
#85 · 코드로 만든 영상·애니메이션·그림
어두운 공간에 푸른 빛망울이 흩날리고 그 사이로 글자가 떠오르는 영상입니다. 앞으로 공개할 단편 영화의 시험 장면으로, 영상 생성 모델(글이나 그림을 넣으면 영상을 만들어 주는 AI) 없이 Opus 5.5가 쓴 수학과 코드 46,000자로만 만들었습니다.
머릿속 장면을 말로 다 설명하지 못해도 코드만으로 영화 같은 화면을 만들어 낼 수 있습니다.
#86 · 코드로 만든 영상·애니메이션·그림
Opus 5.5 출시 발표 트윗을 그대로 건네고 코드로 만들어 달라고 요청하자, 청사진처럼 선이 그려지는 출시 영상을 자바스크립트로 만들었습니다. 음악, 효과음, 이미지 파일은 하나도 쓰지 않았고 화면과 소리가 모두 코드에서 나옵니다.
영상 편집 프로그램이나 소재 파일 없이 발표 글 하나만으로 홍보 영상 한 편을 코드로 뽑아낼 수 있습니다.
#87 · 코드로 만든 영상·애니메이션·그림
그림 파일이나 라이브러리 없이 HTML 파일 하나에 자바스크립트와 Canvas 2D(웹 브라우저의 그리기 기능)만 써서 들판을 달리는 말을 픽셀 하나하나 그렸습니다. 128×96 픽셀 화면에서 역운동학(발끝 위치에 맞춰 관절 각도를 거꾸로 계산하는 방법)으로 다리를 움직여 12가지 자세로 질주합니다.
손으로 한 장씩 찍어야 하던 픽셀 애니메이션을 그림 한 장 없이 코드만으로 만들 수 있습니다.
#88 · 코드로 만든 영상·애니메이션·그림
작년에 Gemini에게 준 프롬프트를 그대로 넣자 Opus 5.5가 브루클린 브리지 너머 해 질 녘 뉴욕을 SVG(코드로 그리는 벡터 그림)로 그렸습니다. 확대와 이동, 시간 흐름 조절이 되고 숨은 요소 47개를 찾는 장치까지 HTML 파일 하나에 들어 있습니다.
한 번의 요청으로 풍경 그림을 넘어 직접 만지며 둘러보는 작은 작품까지 나왔습니다.
#89 · 코드로 만든 영상·애니메이션·그림
영상 생성 모델 없이 코드만으로 만든 애니메이션으로, Claude 캐릭터가 만화풍 영상 편집기 타임라인 위를 걸어 다니며 해돋이, 커피, 고양이 세 마리 클립을 자르고 다듬습니다. 타임라인, 음성 파형, 전환 효과, 내보내기 버튼, 휴대폰 미리보기 화면까지 모두 코드로 그렸습니다.
다음 장면을 짐작해 그리는 영상 AI와 달리, 화면 속 요소를 하나하나 프로그램으로 짜서 원하는 대로 고칠 수 있는 영상을 만들 수 있습니다.
#90 · 코드로 만든 영상·애니메이션·그림
Opus 5.5가 OpenAI GPT 모델이 발전해 온 과정을 손그림 느낌의 타임라인 애니메이션으로 만들었고, 순수 자바스크립트만 썼습니다. 2018년 6월 GPT-1 대목에서는 문장 속 단어끼리 곡선으로 이어 모델이 단어 사이 관계를 읽는 방식을 보여 줍니다.
영상 편집 프로그램 없이 코드만으로 기술의 역사를 설명하는 영상을 만들 수 있습니다.
#91 · 코드로 만든 영상·애니메이션·그림
Opus 5.5가 한 번의 요청으로 만든 짧은 애니메이션 영상 'Claude's Plan'입니다. 밤늦은 방에서 한 인물이 HARD 표시가 붙은 문제를 화이트보드에 띄워 놓고 고민하는 장면을 그림 파일 없이 코드만으로 그렸고, 창작자 @jeffgwoah에게 바치는 작품입니다.
그림 도구 없이 프롬프트 한 번으로 이야기가 있는 손그림풍 애니메이션을 만들 수 있습니다.
#92 · 코드로 만든 영상·애니메이션·그림
Opus 5.5로 2초짜리 영상부터 시작해 17초, 22초로 길이를 늘려 가며 영상 세 편을 만들었습니다. 칠판 위에 분필로 그린 듯한 막대 인간이 연을 날리는 장면이 나오고, 배경 음악도 Opus 5.5가 만들었습니다.
그림과 움직임에 음악까지, 짧은 영상 한 편에 들어가는 재료를 모델 하나로 모두 채울 수 있습니다.
#93 · 코드로 만든 영상·애니메이션·그림
짧은 프롬프트 한 번으로 Opus 5.5가 모래 그림(모래를 흩뿌리고 쓸어 그리는 그림) 애니메이션을 만들었습니다. 3D 프로그램 Blender나 웹 3D 도구 Three.js 없이 목소리와 효과음까지 스스로 넣었고, 결과물은 한 번도 고치지 않았습니다.
그림, 목소리, 소리가 모두 들어간 짧은 영상 한 편을 영상 도구 없이 요청 한 번으로 얻을 수 있습니다.
#94 · 코드로 만든 영상·애니메이션·그림
롤 챔피언 티모를 소개하는 29.5초짜리 손그림풍 영상을 요청 한 번으로 만들었습니다. 티모 그림과 행진곡, 효과음까지 모두 코드로 만들었고, 체력 615, 사거리 500, 버섯이 최대 5분 간다는 수치는 라이엇 공식 데이터와 롤 위키에서 혼자 찾아 넣었습니다.
게임 홍보 영상 한 편을 자료 조사부터 그림과 음악까지 한 번의 요청으로 맡길 수 있습니다.