Skip to content

Drag Puzzle

https://drag-puzzle.netlify.app/

개요

사용자가 업로드한 이미지를 조각으로 분할하여 맞추는 슬라이드형 퍼즐 게임이다.

이미지는 자동으로 정사각형으로 크롭되며,
여러 조각으로 섞인 상태에서 시작된다.


플레이 방법

  1. 이미지를 업로드한다.
  2. 퍼즐 조각이 자동으로 섞인다.
  3. 조각을 드래그하여 위치를 교환한다.
  4. 원래 이미지 형태로 복원하면 완료된다.

기능 설명

📷 이미지

퍼즐에 사용할 이미지를 업로드한다.

👁 원본

원본 이미지를 잠시 표시한다.

🔀 섞기

현재 이미지를 다시 랜덤하게 섞는다.

💡 힌트

자동 힌트 모드 활성화.
일정 시간마다 일부 조각이 정답 위치로 이동한다.


난이도

퍼즐 분할 수를 변경할 수 있다.

  • 3×3
  • 4×4
  • 5×5
  • 6×6
  • 7×7

숫자가 커질수록 난이도가 증가한다.


특징

  • 모바일 터치 드래그 지원
  • 데스크탑 드래그앤드롭 지원
  • 자동 중앙 크롭
  • 반응형 퍼즐 크기 조절
  • 실시간 조각 교환 방식

단축키

  • 0 : 원본 보기
  • R : 다시 섞기
  • H : 힌트 토글
  • 1~9 : 퍼즐 분할 수 변경

전략

효율적으로 맞추려면:

  1. 모서리 조각 먼저 정리
  2. 큰 형태부터 맞추기
  3. 색상 흐름 기준으로 연결
  4. 마지막에 세부 위치 조정

순으로 진행하는 것이 좋다.