[직소퍼즐] 직소 퍼즐 만들기 (6) - drag 구현 리얼

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

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

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

 

일단 지난 시간에 마우스 감지를 했으니까, 똑같은거 3개 네모를 만든 다음, 드래그를 진짜 구현을 해보자

1. 일단 네모 3개를 만들고 마우스 감지만 한 상태

 

이제 드래그 구현해보자

 

드래그 기능 자체는 구현했는데, 아직 미숙하고, 좀 더 정밀한 position 값이 필요하다.

 

지금 position의 z 값을 0인 상태로 두게되면 무조건 3D 객체가 생성된 순으로 배치가 되는데.. 이걸 바꿀 수 있는 방법을 알고 싶다.

 

코드가 개판이라 정리를 좀 해야할 것 같다.

 

 

다음에 할 일

 

1. 드래그 정밀한 값으로 개선

2. 3D객체 z 축 position 생성 순서, z 값 말고 제어할 값 찾아보기

3. 코드 리팩토링