Thư viện hoạt hình

Bốn thư viện, cùng một bộ máy vẽ SVG trong lib/ (TypeScript, không phụ thuộc gì). Mỗi khung hình là một hàm thuần frame(spec, t): cùng spec, cùng thời điểm t thì ra cùng một ảnh, nên dựng video chỉ là gọi hàm đó cho từng khung i / fps.

Thư viện	Có gì	Trang
Nhân vật	5 nhân vật chibi + Mẹ Thu (người lớn), khớp đầu, mắt, thân, vai, khuỷu, hông, gối; 11 động tác; 11 bộ đồ; 8 bộ màu	Nhân vật · Tủ đồ
Bối cảnh	10 không gian có lớp trước/sau, cuộn parallax	Bối cảnh
Camera	4 cỡ cảnh, 4 góc máy, 5 chuyển động máy	Camera
Chữ	8 kiểu chữ tiếng Việt có dấu, 6 vị trí, vùng an toàn Reels/TikTok/Shorts	Chữ

Thử ghép tất cả ở Studio.

import { frame } from './lib'
const svg = frame({
  format: '9:16', scene: 'bien',
  actors: [{ character: 'na' }, { character: 'bin', palette: 'bien' }],
  camera: { shot: 'medium', angle: 'eye', move: 'push-in' },
  texts: [{ text: 'Kudo ơi, gọi khách về', style: 'karaoke', slot: 'lyric', start: 2, end: 5 }],
}, 3.2)

Thư viện hoạt hình ​

Thư viện hoạt hình