스퀘어 스태커 - 무료 퍼즐 전략 게임

스퀘어 스태커 - 무료 퍼즐 전략 게임 - 퍼즐 게임

스퀘어 스태커를 무료로 온라인에서 즐기세요! 색깔 있는 사각형을 쌓아서 3개를 한 줄로 맞추는 전략적인 퍼즐 게임입니다. 배우기 쉽지만 완벽하게 익히기는 도전적이에요. 모든 기기에서 즉시 플레이하세요!

프롬프트

MODEL: Seele01-Flash

Three.js를 사용하여 "스퀘어 스태커" 테마의 **모바일 우선 게임**을 생성해 주세요. 다음 상세 게임 디자인 요구사항을 먼저 읽고 코드를 생성해 주세요: ### 1. 에셋 및 환경 * **시각적 스타일**: 선명한 색상 팔레트(Cyan, Magenta, Lime Green, Orange)와 어두운 무광 회색 배경(Hex: #333333)을 사용한 미니멀리즘적인 "귀여운" 미학. * **카메라**: 그리드가 왜곡 없이 명확하게 보이도록 `OrthographicCamera`를 높은 각도(아이소메트릭 뷰)에 고정합니다. * **그리드**: 3x3 기본 보드. 각 셀은 드롭 존을 나타내는 약간 오목한 어두운 정사각형이어야 합니다. * **게임 조각(스택)**: * 단단한 블록이 아닌 **속이 빈 정사각형 프레임**(동심 정사각형)을 만들기 위해 `ExtrudedGeometry`를 사용하세요. 이를 통해 플레이어는 큰 정사각형 안에 중간 및 작은 정사각형이 겹쳐진 것을 볼 수 있습니다. * **크기**: 세 가지 구분되는 크기(대, 중, 소). * **재질**: 부드러운 플라스틱 장난감 느낌을 위해 `MeshLambertMaterial` 또는 `MeshToonMaterial`을 사용하세요. * **최적화**: 반복되는 지오메트리의 경우 가능하면 `InstancedMesh`를 사용하세요. 원활한 모바일 성능을 위해 폴리곤 수를 낮게(로우 폴리) 유지하세요. 배터리 절약을 위해 그림자는 최소화하거나 베이크드 처리하세요. ### 2. 오디오 요구사항 * **배경 음악**: 편안하고 반복되는 "Lo-fi 힙합" 또는 "칠일렉트로닉" 트랙. 주의를 산만하게 하는 보컬은 없어야 합니다. * **효과음**: * **픽업**: 조각을 들어 올릴 때의 부드러운 "팝" 또는 빨아들이는 소리. * **배치**: 조각이 그리드에 딱 들어맞을 때의 단단한 "쿵" 또는 플라스틱 찰칵 소리. * **매치/클리어**: 만족스러운 상승하는 차임벨 또는 "띵" 화음. * **게임 오버**: 낮고 부드러운 버저음. ### 3. 게임플레이 루프 * **보드**: 3x3 그리드. * **핸드(The Hand)**: 화면 하단에 무작위로 생성된 3개의 피스를 표시하는 생성 영역. "피스"는 단일 사각형이거나, 미리 쌓인 조합일 수 있습니다(예: 작은 파란색 프레임을 포함하는 큰 빨간색 프레임). * **메커니즘**: * 플레이어는 "핸드"에서 피스를 드래그하여 그리드 셀에 놓습니다. * **쌓기 규칙**: 특정 크기의 슬롯이 비어 있는 경우 피스를 그리드 셀에 놓을 수 있습니다. (예: 이미 큰 빨간색 사각형이 있는 셀에는 작은 파란색 사각형을 놓을 수 있지만, 이미 작은 사각형이 있는 셀에는 놓을 수 없습니다). * **점수 획득(매치)**: * **라인 매치**: 가로, 세로 또는 대각선으로 **같은 색상**의 사각형을 3개 정렬합니다. (매치는 해당 크기 슬롯에서 가장 위에 보이는 색상을 기준으로 확인됩니다). * **완전 스택**: (선택적 보너스) 한 셀을 3가지 크기(대형 + 중형 + 소형)로 모두 채우면 해당 셀이 초기화됩니다. * **제거**: 매치가 발생하면 관련 사각형이 축소/내파되어 사라지고 공간을 비웁니다. * **게임 오버**: 플레이어가 사용 가능한 3개의 피스 중 어느 것도 그리드 상의 어떤 슬롯에도 놓을 수 없을 때입니다. ### 4. 모바일 컨트롤 및 상호작용 * **입력**: 마우스(데스크톱)와 터치(모바일) 이벤트 모두 지원(`touchstart`, `touchmove`, `touchend`). * **레이캐스팅**: 드래그 단계에서 손가락 아래에 있는 그리드 셀을 감지하기 위해 레이캐스터를 사용합니다. * **시각적 피드백**: * **강조 표시**: 피스를 유효한 그리드 셀 위로 드래그할 때, 셀이 빛나거나 피스가 놓기 전에 셀의 중심에 시각적으로 "스냅"(고스팅)되어야 합니다. * **잘못된 이동**: 이동이 유효하지 않은 경우, 피스는 스프링 애니메이션과 함께 하단 트레이로 다시 스냅되어 돌아가야 합니다. * **UI 레이아웃**: * **방향**: 세로 모드(세로 방향) 권장. * **상단**: 점수 카운터 (크고 둥근 글꼴). * **중앙**: 3x3 게임 보드 (중앙 정렬). * **하단**: "손" / 스폰 영역 (쉬운 엄지 접근을 위해 화면 높이의 최소 20%를 차지해야 함). * **반응성**: `window.resize` 시 캔버스가 올바르게 크기 조정되도록 하고, 기본 브라우저 스크롤 동작(고무줄 효과)을 방지합니다.

게임 소개

스퀘어 스태커 정보

스퀘어 스태커 는 쌓기 게임의 만족감과 패턴 매칭의 도전을 결합한 매력적인 퍼즐 전략 게임입니다. 플레이어들의 4.2/5점이라는 탄탄한 평점을 자랑하는 이 게임은 단순한 메커니즘과 깊은 전략적 사고의 완벽한 조화를 제공합니다. 여러분의 임무는 다양한 색상과 모양의 사각형을 쌓아 가로 세 줄로 승리 조합을 만드는 것입니다.

핵심 기능

전략적 퍼즐 게임플레이

스퀘어 스태커는 퍼즐 해결에 대한 다차원적 접근 방식으로 돋보입니다. 다음 방법을 통해 승리를 달성할 수 있습니다:

색상 매칭 : 같은 색상의 사각형을 어떤 방향으로든 세 개 쌓기
모양 매칭 : 동일한 모양의 사각형 세 개를 정렬하여 점수 획득
다각도 점수 시스템 : 가로, 세로, 대각선 또는 쌓기 높이로 점수 획득
중첩 쌓기 : 사각형을 서로 안에 배치하여 창의적인 조합 만들기

무료 및 접근성 높은 게이밍

완전 무료 : 다운로드, 구매 또는 구독 불필요
인스턴트 플레이 : 브라우저에서 즉시 플레이 시작
크로스 플랫폼 지원 : 모바일 기기와 데스크톱 컴퓨터 모두 완벽 호환
HTML5 기술 : 모든 최신 브라우저에서 원활한 성능

배우기 쉽고, 숙달하기 어려운 게임

직관적인 조작으로 누구나 쉽게 시작할 수 있지만, 전략적 깊이로 경험 많은 퍼즐 애호가도 몰입하게 합니다. 각 이동은 몇 수 앞을 내다보고, 패턴을 파악하며, 연결 기회를 찾는 사고를 요구합니다.

게임 메커니즘

스태킹 시스템

핵심 게임플레이는 선택 영역의 사각형을 게임 보드에 지능적으로 배치하는 것입니다. 언제든 세 개의 사각형을 활용할 수 있어 각 배치마다 전략적 선택이 가능합니다.

다양한 승리 조건

전통적인 매치-3 게임과 달리, 스퀘어 스태커는 다양한 점수 획득 방법을 제공합니다: - 가로 줄 : 일렬로 세 개의 동일한 사각형 - 세로 열 : 세로로 쌓인 세 개의 동일한 사각형
- 대각선 일치 : 대각선으로 정렬된 세 개의 사각형 - 높이 쌓기 : 서로 바로 위에 쌓인 세 개의 사각형