[직소퍼즐] 직소 퍼즐 만들기 (2) - 특정 조각 캔버스 위치에 붙게하기

2. 직소 기능 구현

- canvas를 사용할거고, 거기서 drag n drop 기능을 이용해서 네모 조각을 움직이는 기능을 구현한다

- 특정한 조각의 배열이 순서를 이루면 정답으로 인정한다

- 네모 조각을 진짜 직소 퍼즐 조각처럼 만든다

 

1. 배열 1부터 9까지 써놓고, 그것을 랜덤 생성 후 랜덤 배치를 해놓고,

1 2 3

4 5 6

7 8 9

 

이런식으로 붙여서 놓으면 success를 콘솔로 찍으려고 한다.

 

순서가 아니라 캔버스의 특정 위치 내에 이동하면 glue로 찰싹 붙게 하는 기능을 구현하고자 한다. (효과음은 나중에)

 

테스트로 빨간 네모 만들고 그걸 가리도록 만들었는데, 문제는 빨간 네모 위에 놓으면 움직일때 같이 움직이는 문제가 발견되었다.

 

일단 이거를 해결해고 싶다.