anidoodle

The launch film, 77 seconds. Every frame and every sound in it was made with anidoodle, in code.

anidoodle
손으로 그린 아트, 코드로 작성.

일러스트, 드로잉 타임랩스, 영화, 설명 영상, 인터랙티브 웹 아트를 32가지 스타일로.

모든 획은 함수이고 모든 악보는 작성되므로, 같은 소스가

모든 기기에서, 모든 크기로, 영원히 같은 그림을 다시 그립니다.

Claude Code · Codex · Grok Build · 그리고 스킬을 읽는 모든 에이전트에서 작동합니다. 설치

English · 日本語 · 简体中文 · 한국어 · Français · Español

스타일 ·
드로잉 영화 ·
음악 ·
만들 수 있는 것 ·
포함된 것 ·
모션 ·
시작하기

선택할 수 있는 32가지 스타일

각 스타일은 흔적을 남기는 고유한 방식입니다: 펜촉의 가늘어짐, 수채의 번짐, 슬레이트 위 분필의 스컴블, 잘린 종이의 찢긴 가장자리, 리소그래프 드럼의 하프톤, 달이 되기 위해 나선형으로 뻗어나가는 하나의 조각 선. 주제는 32명의 서로 다른 일러스트레이터에게 그렇듯 각자의 손에서 형태를 바꿉니다. 모든 스타일은 또한 그 매체의 예술가가 작업하는 순서대로, 획 하나하나가 그려지는 과정을 담은 영상을 함께 제공합니다. 브랜드를 위해 하나를 고르면 그 이후의 모든 그림이 같은 손에서 도착합니다. 위의 모든 플레이트와 콘택트 시트 자체도 이 저장소의 코드로 그려집니다.

32가지 스타일 전부 , 그리고 각각이 만들어지는 방식

스타일
만들어지는 방식

볼펜
하나의 볼펜; 해칭이 놓인 위치에서 톤이 나옴

분할 색채
혼합되지 않은 색의 개별 점, 인상주의

칠판
분필 옆면의 스컴블과 먼지

목탄 지우기
목탄으로 그리고, 지우고, 다시 그리기, 잔상 유지

색연필
결이 있는 크림색 종이 위 방향성 연필 해칭

크레용
종이의 골을 건너뛰는 왁스 같은 낙서 채우기

잘라 붙인 콜라주
찢고 자른 종이, 그려진 선 없음

시아노타입 청사진
시아노타입 시트 위 제도 펜 작업

드림 글레이즈
얇은 수지-유 글레이즈, 보이는 붓질 없음, 모든 가장자리 선명

자수
후프 안 리넨을 꿰뚫은 실

플랫 벡터
그레인과 긴 그림자가 있는 선명한 기하학적 도형

민담 그림책
크림색 종이 위 연필 선으로 녹아드는 채색 전경

잉크 & 라인 워시
먼저 워시, 그다음 유연한 펜촉

아이소메트릭
플랫 셰이딩 평면의 2:1 아이소메트릭 컷어웨이

로우폴리 3D
플랫 셰이딩 삼각형, 코드로 그려짐

마커 코믹
플랫 셀 채우기와 하나의 굵은 윤곽

미드센추리 구아슈
불투명한 매트한 도형, 드라이브러시 가장자리, 느슨한 선

신문 하프톤
신문지 위 하나의 검정 스크린과 스폿 컬러

유화
톤 처리된 캔버스 위 강모 붓질과 임파스토

페이퍼 크래프트
레이어드 컷 페이퍼와 채색 컷아웃, 2프레임 단위

연필 & 수채
연필 선을 끝까지 채우지 못하는 워시

픽셀 아트
저해상도 그리드 위 고정된 16색 팔레트

리소그래프
정합을 통해 겹쳐 인쇄되는 잉크 드럼

러버호스
구부러지는 팔다리와 필름 그레인이 있는 1930년대 카툰 잉크

스크래치보드
검은 점토에서 긁어낸 흰 선

단일선 조각
폭이 톤이 되는 하나의 끊김 없는 나선

점묘
밀도가 톤이 되는 펜 점

스토리북
캐릭터를 위한 연필과 수채

수묵화
흡수성 종이 위 하나의 먹 묻은 붓

토이 브릭
레이어별로 쌓은 스터드 플라스틱 브릭

빈티지 스크랩북
빛바랜 종이 위 조각, 잘라낸 글자 제목, 테이프로 붙인 카드

목판화 / 우키요에
와시 위 새긴 키블록과 색 블록

모든 스타일이 스스로를 그립니다

모든 스타일은 완성된 그림과, 같은 소스로부터 그 매체의 예술가가 작업하는 순서대로 만들어지는 과정을 담은 영상을 함께 제공합니다. 수채는 연필로 밑그림을 깔고, 밝은 곳에서 어두운 곳으로 워시를 입힙니다. 목판은 키블록을 찍고, 그다음 각 색 블록을 찍습니다. 픽셀 아트는 플랫한 형태로 블록을 채우고, 그다음 클러스터를 음영 처리합니다. 페이드인은 없습니다: 모든 획은 자라나고, 모든 워시는 붓이 닿은 곳에서 퍼지며, 영상의 마지막 프레임은 픽셀 하나까지 그대로인 정지 이미지입니다. 타임랩스이자 메이킹 필름이자 설명 다이어그램이 하나로 합쳐진 것입니다.

음악, 코드로 작곡
음표는 데이터로 작성되고 엔진이 소리를 만듭니다. 이 저장소의 어떤 것도 녹음이 아닙니다. 음악 스타일은 모델이 작곡하는 어휘일 뿐, 프리셋이 아닙니다: 로파이 일렉트로닉, 하우스, 신스웨이브부터 오케스트라, 재즈, 포크, 솔로 피아노까지 21가지. 각각은 사운드, 그루브, 화성 언어를 제공하며, 코드, 모티프, 형식은 새로 작성되므로 모든 영상이 자신만의 악보를 갖습니다.

선택적 사운드 팩을 설치하면 여덟 가지 어쿠스틱 악기가 실제 악기의 녹음을 연주합니다: 스타인웨이 그랜드와 업라이트, 콘서트 하프, 마림바, 비브라폰, 글로켄슈필, 튜블러 벨, 팀파니를 세 개의 녹음된 룸에서. 신스, 로파이 컬러, 전자 드럼, 음향 효과는 코드로 유지됩니다. 팩 없이도 모든 악보는 변함없이 연주됩니다.

node < skill > /engine/tools/soundfetch.mjs list # 설치 디렉터리와 설치된 항목
node < skill > /engine/tools/soundfetch.mjs get all # 다운로드(373 MB), 해시로 검증, 압축 해제; 에이전트가 먼저 물어봄

키: 실제 스타인웨이 그랜드를 모델로 한 피아노, Rhodes와 Wurlitzer 전자 피아노, 톤휠과 파이프 오르간, 말렛과 벨.
앙상블: 개별 연주자로 구성된 현악 섹션, 금관, 플루트와 클라리넷, 모음을 노래하는 합창, 나일론·스틸·일렉트릭 기타, 하프, 네 가지 베이스.
드럼: 코드로 구현된 실제 킷(어쿠스틱, 808, 909, 더스티, 브러시, 팀파니 포함 오케스트라), 매 타격이 조금씩 다름.
진짜 로파이: 12비트 샘플러, 테이프 워블과 히스, 바이닐 크래클, 믹스에 숨결을 불어넣는 킥.
믹스와 룸: 파트별 EQ, 드럼 버스, 홀·플레이트·컨볼루션 리버브, 스트리밍 라우드니스로 마스터링.

node tools/music.mjs check 는 누구든 듣기 전에 악보를 검증합니다: 조성과 모드, 라우드니스, 마스킹, 모든 파트의 밸런스, 그리고 참신성 — 알려진 곡처럼 들리거나 인용하는 악보는 실패 처리합니다.

듣기

내림가장조의 녹턴
45초, 피아노: 쌓아 올리고, 정점을 찍고, 고요로 가라앉음

피아노, 연주됨 · 같은 음표, 플랫하게 연주됨
차이는 연주입니다: 보이싱, 프레이징, 페달

시네마틱, 경외 · 로파이 · 마림바 · 일렉트로닉
더 많은 무드와 악기

녹턴의 테마, 15초로
작곡가가 길이에 맞는 형식을 고름

박스 안에는 또한: 음향 효과 킷 , 정확한 프레임에 큐잉된 열네 가지 레이어드·시드 효과, 각 효과 아래에서 악보가 눌리는 ( 사운드 디자인 ). 악보가 작곡되는 방식: compose.md · 모든 어휘 .

당신을 알아채는 웹 페이지

실제 사이트를 위한 인터랙티브 일러스트: 커서를 따라가고 버튼에 반응하는 마스코트, 페이지가 스크롤될 때 스스로 그려지는 히어로, 비밀번호 필드에서 눈을 가리는 폼 컴패니언. 하나의 작은 ES 모듈과 <ani-doodle> 엘리먼트, 프레임워크 없음, reduced-motion과 키보드 경로 포함. 각 프레임은 여전히, 그 프레임에 이르게 한 입력이 주어진 사실입니다.

제품을 런칭하세요, 코드로 그려서
이 페이지 상단의 영상은 anidoodle로 만들어졌고, 그것을 만든 킷도 함께 제공됩니다. launch.mjs new <name> 은 채울 스펙을 줍니다: 제품 이름, 사용자가 입력할 프롬프트, 답변(그려진 그림, 제품 자체의 화면, 또는 영상), 몇 마디 말, 설치 라인. 박자에 맞춰 런칭 영상을 편집합니다: 스스로 타이핑하는 채팅, 피어오르는 답변, 풀프레임 레터링, 복사할 수 있을 만큼 충분히 설치 라인을 유지하는 엔드 카드.

네 가지 형태, 하나의 타임라인: 16:9, 1:1, 4:5, 9:16, 각각 휴대폰에서도 읽히는 타이포로 프레임에 맞게 재구성됨.
화면 위의 제품: 데이터로 그려진 인터페이스, 이전 상태에서 이후 상태로 튀어오르는 아이템.
그림에서 나오는 사운드: 모든 키 입력, 누름, 착지가 화면에서 일어나는 위치에 배치된 고유 효과와, 영상을 위해 작곡된 악보.
게시 준비 완료: launch.mjs ship <name> 은 포스터 프레임과 캡션(.srt 및 .vtt)과 함께 모든 형태를 렌더링하고, 전달하는 파일의 오디오-비디오 동기와 피크 레벨을 확인하며, 가장자리가 텍스트를 잘라내는 프레임은 실패 처리합니다.

제품의 룩을 입습니다: 당신의 폰트, 색상, 채팅 창의 형태, 또는 Figma에서 바로 가져온 브랜드 파일. 그려진 잉크 또는 깔끔한 UI 우선 캔버스에서 시작하고, 30 또는 60 fps, 각 프레임의 속도에 맞춘 모션 블러. 그리고 완성된 영상을 보기 전에, anidoodle은 까다로운 편집자처럼 스스로 검사합니다: 읽을 수 있을 만큼 충분히 유지된 텍스트, 슬라이드덱 같은 컷 없음, 흐릿한 엑시트 없음, 피드에 맞게 마스터링된 사운드, 화면의 모든 주장에 출처 표기.

규칙은 우리 자신의 런칭 컷 네 개와 세상 최고의 컷들의 공예에서 나옵니다: 5초 안에 무엇인지 말하라, 아트 위에 절대 글자를 얹지 마라, 다운비트에 컷하라, 첫 프레임을 썸네일로 만들어라. → launch-video.md · the kit

당신의 이미지 가져오기

스타일 매칭. 좋아하는 그림을 보여주면 그것이 손(획, 가장자리, 팔레트, 종이)을 연구하고 그 안에서 새로운 것을 그립니다. 스타일을 빌릴 뿐, 그림은 빌리지 않습니다.
사진 재현. 사진이 스크래치보드, 목판화, 또는 하나의 조각 선이 됩니다: 사진은 톤과 털·직물 방향을 측정하고, 보이는 모든 획은 코드로 그려집니다.
캐릭터 유지. 캐릭터를 한 번 만들면 모든 샷, 포즈, 스타일이 같은 캐릭터를 사용합니다, 목판화부터 토이 브릭까지.

그리는 법 배우기

캡션이 있는 전체 레슨 보기 (mp4, 95초)

무언가를 그리는 법을 물어보거나, 그림을 가져오면 anidoodle이 그것을 레슨으로 재구성합니다: 단계 시트와 캡션이 있는 타임랩스, 각 단계마다 무엇을 봐야 하는지, 어떻게 하는지, 흔한 실수.

만들 수 있는 것

대상
얻는 것

당신의 웹사이트
히어로 일러스트, 각 기능을 위한 스팟 아트, 빈 상태와 404, 모두 한 손에서. 하나의 소스에서 어떤 크기로든 투명 PNG, 그래서 레티나와 인쇄가 공짜.

설명 영상과 보고서
작동 원리 다이어그램, 컷어웨이, 애니메이션 인포그래픽, 제도 레터링으로 라벨링. 진지한 것에는 칠판, 청사진, 볼펜이 어울립니다. 하나의 아이디어가 재생되고, 스스로 분해되고, 다시 접히는 작동하는 기계가 될 수 있습니다, 어떤 스타일로든 그려져서.

당신의 브랜드
스스로 그려지는 로고, 타이틀 시퀀스, 모든 게시물에서 브랜드에 맞는 소셜 카드 템플릿.

소셜과 채팅
끝없는 루프, GIF, 투명 애니메이션 스티커, 피드에 맞는 크기.

덱과 문서
하나의 프로그램에서 나온 섹션 일러스트 패밀리. 새로운 시드는 같은 스타일의 자매 이미지를 줍니다.

스토리
어떤 길이의 완성된 영상으로 자라나는 스토리보드와 애니매틱, 오리지널 악보와 함께.

당신만의 이미지
그림을 가져와 새로운 주제에 그 스타일을 입히거나, 사진을 가져와 32가지 손 중 어느 것으로든 재현, 모든 획은 코드로 그려짐.

웹 페이지
커서를 지켜보고, 클릭과 폼에 반응하고, 페이지가 스크롤될 때 스스로 그려지는 인터랙티브 일러스트. 당신의 페이지 자체 색상과 브랜드, 라이트 또는 다크에 맞춰 헤드라인 옆에 놓이는 히어로 아트와 스팟.

학습
드로잉 레슨: 그림이 어떻게 만들어지는지 가르치는 단계 시트와 타임랩스, 무엇을 봐야 하는지와 흔한 실수와 함께.

캐릭터
한 번 만든 캐릭터를 샷, 포즈, 스타일 전반에 걸쳐 동일하게 유지.

당신의 런칭
템플릿에서 나온 제품 런칭 영상: 당신의 프롬프트, 당신의 그림, 당신의 말, 당신의 설치 라인, 악보에 맞춰 편집.

3D와 모션 그래픽
three.js로 렌더링된 3D 장면, 돌출 타이포, 타이틀 시퀀스, 다른 모든 것과 같은 프레임 정확한 타임라인 위에서.

내레이션
그림에 맞춰 타이밍된 보이스오버, 각 단어를 따라가는 자막, 그래서 영상이 소리 없이도 읽힙니다.

평범한 말로 물어보세요, "우리 채용 페이지를 위한 리소그래프 등대, 1600×900" 또는 "우리 가격 티어가 어떻게 쌓이는지에 대한 칠판 설명 영상" , 그러면 anidoodle이 그것을 올바른 워크플로와 스타일 레시피로 라우팅하며, 요청이 열어둔 것만 물어봅니다.

포함된 것
엔진은 쉬운 절반입니다. 공예는 anidoodle이 당신을 위해 짊어지는 부분입니다, 여섯 개의 레슨, 각각은 먼저 한 조각을 틀림으로써 얻어지고 기록되어, 마지막 프로젝트가 끝난 곳에서 시작할 수 있게:

스토리는 모든 작품에 요점을 줍니다. 정지 이미지에는 하나의 아이디어와 하나의 초점 주제; 영상에는 하나의 변형, 하나의 보상, 하나의 귀환 토큰. → storytelling.md
사실성은 이름 붙이기에서 나옵니다. 해부학, 시점, 그리고 당신이 연 참고 자료, 그래서 나비가 몸과 날개맥을 가진 생명체로 읽히도록. → realism…