첫 그림 만들기
팔레트에서 색을 고른 뒤 빈 칸을 누르세요. 드래그하면 이어서 칠할 수 있습니다. 터치 화면에서는 격자 안에서 손가락을 움직여 그립니다. 지우개는 칸을 투명하게 만듭니다.
키보드에서는 격자에 Tab으로 진입하고 방향키로 이동하세요. Space 또는 Enter로 한 칸을 칠합니다. 되돌리기는 최대 50번의 그리기 동작을 기억합니다.
THE LITTLE PIXEL WORKSHOP
16×16 칸을 채우면 작은 그림이 됩니다.
아이콘, 비즈 도안, 게임 속 소품을 만들어 보세요.
YOUR FIRST 256 PIXELS
팔레트에서 색을 고른 뒤 빈 칸을 누르세요. 드래그하면 이어서 칠할 수 있습니다. 터치 화면에서는 격자 안에서 손가락을 움직여 그립니다. 지우개는 칸을 투명하게 만듭니다.
키보드에서는 격자에 Tab으로 진입하고 방향키로 이동하세요. Space 또는 Enter로 한 칸을 칠합니다. 되돌리기는 최대 50번의 그리기 동작을 기억합니다.
게임 소품: 화분 예제의 잎을 바꾸고 배경을 투명하게 둡니다. PNG는 한 칸을 32px로 확대해 경계를 선명하게 유지합니다.
비즈 도안: 모두 비운 다음 3~4가지 색으로 하트나 별을 만드세요. 완성 칸 수를 참고해 재료 수량을 가늠할 수 있습니다.
작은 스티커: 흰 배경을 켜고 SVG로 받으세요. 벡터 편집 프로그램에서 크기를 바꿔도 격자 모양을 유지합니다.
PNG는 512×512 픽셀의 래스터 이미지입니다. SVG는 색칠한 칸을 각각 사각형으로 저장한 벡터 파일이며, 격자선과 편집 화면은 포함하지 않습니다.
이 도구는 16×16 단일 레이어만 지원합니다. 파일 가져오기, 애니메이션, 자동 저장은 없습니다. 흰 배경을 끄면 빈 칸은 투명합니다. 인쇄물의 실제 색은 화면과 다를 수 있습니다.
256개 칸의 색상값을 메모리에 보관하고, PNG에는 Canvas 2D의 사각형을, SVG에는 표준 rect 요소를 사용합니다. 원본 예제와 설명은 이 사이트에서 직접 작성했습니다.
기술 참고: MDN Canvas API · SVG rect. 문서 기준일: .