Markdy: Mermaid 다이어그램과 유사하지만 모션(Motion)을 위한 도구
요약
Markdy는 Mermaid 다이어그램과 유사한 문법을 사용하여 애니메이션 효과가 포함된 다이어그램을 생성할 수 있는 도구입니다. 사용자는 .markdy 파일을 통해 캔버스 크기, FPS, 배경색 등 장면 설정을 텍스트 기반으로 정의할 수 있습니다.
핵심 포인트
- Mermaid 스타일의 텍스트 기반 애니메이션 다이어그램 도구
- 캔버스 너비, 높이, FPS 등 상세한 장면 설정 지원
- 코드 기반의 간편한 모션 그래픽 및 다이어그램 생성 가능
장면 설정 (Scene Setup)
모든 애니메이션은 캔버스(canvas)를 정의하는 것으로 시작합니다. 이는 .markdy 파일의 첫 번째 줄이어야 합니다.
scene width=800 height=400 fps=30 bg=#fafafa
| 속성 (Property) | 기본값 (Default) | 설명 (Description) |
|---|---|---|
width | 800 | 픽셀 단위의 캔버스 너비 (Canvas width) |
height | 400 | 픽셀 단위의 캔버스 높이 (Canvas height) |
fps | 30 | 렌더링 엔진의 프레임 레이트 (Frame rate) |
bg | white | 모든 CSS 색상 값 (예: #1a1a2e ) |
duration | auto | 초 단위의 전체 길이를 재정의 (Override) |
AI 자동 생성 콘텐츠
본 콘텐츠는 HN AI Posts의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기1