픽셀 아트 그리기 - 무료 온라인 픽셀 드로잉 게임

픽셀 아트 그리기 - 무료 온라인 픽셀 드로잉 게임 - 캐주얼 게임

30개 이상의 귀여운 그림으로 아름다운 픽셀 아트를 만들어보세요! 정밀한 픽셀 색칠이 가능한 무료 온라인 드로잉 게임입니다. 예술가와 창의성을 사랑하는 사람들에게 완벽한 게임입니다. 지금 바로 플레이하세요!

프롬프트

MODEL: Seele01-Flash

Three.js를 사용하여 **모바일 우선 게임**을 생성해 주세요. 테마는 **"복셀 아트 스튜디오: 모바일 에디션"**입니다. 아래 상세한 게임 디자인 요구사항을 먼저 읽고, 그에 따라 코드를 생성해 주세요: ### 1. 에셋 및 환경 * **비주얼 스타일**: 2D 픽셀 아트 컨셉을 **3D 복셀 환경**으로 전환합니다. 캔버스의 각 "픽셀"은 `BoxGeometry`(큐브)로 표현되어야 합니다. * **카메라**: **OrthographicCamera**를 사용하여 원근 왜곡 없이 "픽셀 아트" 느낌을 유지하고, 아이소메트릭 각도에 위치시킵니다(예: 위치 (10, 10, 10)에서 (0, 0, 0)을 바라봄). * **그리드 시스템**: "캔버스"를 나타내는 흰색/회색 기본 큐브로 10x10 또는 16x16 그리드를 생성합니다. * **참조 이미지**: "목표 이미지"(복사할 픽셀 아트)를 상단 왼쪽에 떠 있는 2D UI 텍스처로 표시하거나, 높은 투명도의 "고스트" 오버레이로 그리드 위에 표시합니다. * **최적화**: 모바일 기기에서 60FPS 성능을 보장하기 위해 그리드 큐브에는 `InstancedMesh`를 사용하세요. 많은 수의 큐브가 있을 수 있기 때문입니다. * **배경**: 아트에 집중할 수 있도록 스크린샷과 유사한 부드러운 파스텔 블루(hex: #7DA5F6) 단색입니다. ### 2. 오디오 요구사항 * **BGM**: 명상적인 상태를 유도하기 위해 무한 루프되는 편안한 로파이 "스터디 비트" 또는 부드러운 칩튠 트랙. * **SFX (상호작용)**: 복셀이 색칠될 때 만족스럽고 부드러운 "펑" 또는 "딸깍" 블록 소리. 새 색상을 선택할 때의 "슈우웅" 소리. * **SFX (피드백)**: "확인" 버튼을 눌렀을 때 이미지가 정확하면 들리는 명랑한 8비트 팡파르. 제출물이 틀리면 저음의 "버저" 소리. ### 3. 게임플레이 루프 * **데이터 구조**: 레벨 데이터는 목표 이미지(예: 스크린샷의 버거)를 나타내는 색상 코드의 2D 배열이어야 합니다. * **루프**: 1. 플레이어는 하단 팔레트에서 색상을 선택합니다. 2. 플레이어는 그리드의 큐브를 탭하여 해당 색상을 적용합니다. 3. 플레이어는 실수를 하면 색상을 덮어쓸 수 있습니다. 4. **승리 조건**: 플레이어가 눈에 띄는 "확인 / 체크" 버튼을 클릭합니다. 게임은 플레이어의 그리드 배열과 목표 레벨 배열을 비교합니다. 5. **승리**: 100% 일치하면 복셀이 "웨이브" 애니메이션(약간 위아래로 움직임)을 수행하고 "레벨 완료" 모달이 나타납니다. ### 4. 모바일 컨트롤 및 상호작용 * **터치 처리**: 정확한 터치 감지를 위해 `Raycaster`를 사용하세요. 손가락이 화면을 가리므로 시각적 큐브보다 약간 더 큰 히트 박스를 레이캐스트에 설정하여 오류를 허용하세요. * **카메라 컨트롤**: * **한 손가락 탭**: 복셀을 색칠합니다. * **두 손가락 핀치/드래그**: 카메라를 확대/축소하고 이동합니다(작은 모바일 화면에 필수적). * **UI 레이아웃 (세로 모드)**: * **상단**: 레벨 진행 상황 / 목표 참조 이미지. * **중앙**: 3D 복셀 그리드. * **하단**: 색상 스와치의 가로 스크롤 가능 바(최소 터치 대상 48x48px). * **플로팅 액션 버튼**: "확인/OK" 버튼은 하단 우측에, 엄지 손가락으로 쉽게 접근할 수 있도록 배치하세요. * **피드백**: 큐브가 탭되면 시각적 확인을 제공하기 위해 잠시 축소되었다가 원래 크기로 돌아와야 합니다(스케일 0.9 -> 1.0). ### 5. 코드 생성 Three.js용 CDN 링크를 사용하여 완전한 HTML/JS 코드를 단일 파일 구조(index.html 내부에 스크립트 포함)로 생성해 주세요. 터치 이벤트 리스너와 채색된 그리드를 목표 그리드와 비교하는 로직에 집중하세요. 명확한 설명을 요청하지 마세요. 확인을 요청하지 마세요. 주어진 지침을 바탕으로 생성 작업을 직접 실행하세요.

게임 소개

픽셀 아트 그리기 는 창의성과 정교한 게임 플레이를 결합한 매력적인 온라인 그림 그리기 게임입니다. 이 픽셀 퍼펙트 아트 제작 게임은 플레이어가 각각의 개별 픽셀을 신중하게 색칠하여 아름다운 이미지를 재현하도록 도전합니다. 귀여운 캐릭터부터 매력적인 사물까지 30점 이상의 사랑스러운 그림을 선택할 수 있어, 플레이어는 디지털 예술의 편안한 세계에 몰입할 수 있습니다.

게임은 단순하지만 만족스러운 컨셉을 따릅니다: 참조 이미지와 빈 픽셀 격자가 제시됩니다. 여러분의 미션은 제공된 예시를 정확히 따라 각 픽셀 사각형을 올바른 색상으로 채우는 것입니다. 작품을 완벽하게 완성했다고 생각되면 "확인"을 클릭하여 원래 디자인을 성공적으로 재현했는지 확인하세요.

핵심 기능

방대한 그림 컬렉션

30가지 이상의 다양한 디자인을 제공하는 픽셀 아트 그리기는 풍부한 창의적 도전을 선사합니다. 각 그림은 단순한 기하학적 패턴부터 더 복잡한 캐릭터 디자인까지 독특한 예술적 퍼즐을 제시합니다. 이 다양성 덕분에 초보자와 경험 많은 픽셀 아티스트 모두 적합한 도전을 발견할 수 있습니다.

정밀도 기반 게임 플레이

이 게임은 정확성과 세부 사항에 대한 주의를 강조합니다. 모든 픽셀이 중요하며, 성공은 참조 이미지에 색상을 정확히 맞추는 능력에 달려 있습니다. 이러한 메커니즘은 완성된 각 작품이 진정한 성취감을 느끼게 합니다.

편안한 창작 경험

드로우 픽셀 아트는 명상적이고 스트레스 없는 게임 경험을 제공합니다. 시간 압박이나 경쟁 요소 없이 순수한 창의적 즐거움만을 느낄 수 있습니다. 픽셀 아트 스타일은 클래식 비디오 게임에 대한 향수를 불러일으키면서도 현대적인 접근성을 제공합니다.

즉각적인 피드백 시스템

내장된 검증 시스템이 작업에 대한 즉각적인 피드백을 제공합니다. 그림을 완성했다고 생각하면, 게임이 원본과 완벽하게 일치하는지 즉시 알려주어 세부 사항에 대한 주의를 다듬도록 독려합니다.

플레이 방법

드로우 픽셀 아트를 플레이하는 방법은 아름답게 간단합니다:

캔버스 선택 : 작업할 30개 이상의 사용 가능한 그림 중에서 선택하세요
색상 선택 : 색상 팔레트를 클릭하여 적절한 색조를 선택하세요
픽셀 채우기 : 각 빈 픽셀 사각형을 클릭하여 선택한 색상으로 채우세요
참고 이미지 따라하기 : 제공된 예시 이미지를 가이드로 사용하세요
작업 확인하기 : 완료되면 "확인"을 클릭하여 이미지를 완벽하게 재현했는지 확인하세요
성공 축하하기 : 픽셀 걸작을 완성하는 만족감을 즐기세요!

직관적인 포인트 앤 클릭 인터페이스로 모든 연령과 기술 수준의 플레이어가 쉽게 게임을 즐길 수 있습니다. 복잡한 조작법이나 가파른 학습 곡선 없이 순수한 창의적 재미만을 느껴보세요.

이 게임을 선택해야 하는 이유

Draw Pixel Art는 창의성, 정밀함, 휴식이 완벽하게 조화된 게임입니다. 다음과 같은 분들에게 이상적입니다:

예술 애호가 : 고급 소프트웨어 없이도 디지털 아트 창작의 즐거움을 경험하세요
캐주얼 게이머 : 평화롭고 경쟁이 없는 게임 경험을 즐기세요
레트로 게임 팬 : 향수를 자아내는 픽셀 아트 미학을 감상하세요
스트레스 해소 : 명상적인 채색 과정으로 마음의 안정을 찾으세요
기술 개발 : 세부 사항에 대한 주의력과 색상 인지력을 향상시키세요
모든 연령대 : 어린이부터 성인까지 가족 모두가 즐길 수 있는 콘텐츠

이 게임은 웹 브라우저에서 완전 무료로 실행되며 다운로드가 필요 없습니다. 5분이든 1시간이든, Draw Pixel Art는 완벽한 창의적 표현의 수단을 제공합니다. 완성된 각 작품은 자랑스러워할 수 있는 작은 디지털 명작이 되어, 모든 게임 세션을 보람 있고 충만하게 만들어줍니다.