불꽃처럼님의 블로그 강좌를 게시하였습니다.
[출처] http://blog.naver.com/mr_crazy

엔트리 강좌 4강. 낙서장 만들기

헬로스크래치 | 2016-03-03 13:50:54

드디어 본격적인 엔트리 프로젝트를 시작해 보겠습니다.

첫 번째 프로젝트는 낙서장 제작으로 정했습니다.  낙서장은 우리가 잘 아는 그림판의 축소판쯤으로 생각하시면 됩니다. 

마우스를 클릭해서 색깔을 선택해서 그림을 그리는 그런 프로젝트죠. 


우선 낙서장의 기능부터 정리해보겠습니다.

 


1. 연필이 마우스를 따라 움직입니다.

2. 마우스를 클릭하고 움직일 때 연필을 따라 그림이 그려지며 마우스 클릭을 해제하면 그림이 그려지지 않습니다.

3. 연필의 색깔을 바꿀 수 있도록 팔레트를 만들고, 팔레트를 클릭하면 연필의 색깔이 바뀝니다.

4. 연필의 굵기를 바꿀수 있도록 숫자키를 이용해서 연필의 굵기를 조절합니다.

 


자 그럼 첫 번째 기능인 마우스를 따라 움직이는 연필에 대한 코딩을 해 보겠습니다.

 

우선 기본 프로젝트에서 엔트리봇을 삭제하고, 연필 오브젝트를 를 추가합니다. 




모든 오브젝트는 움직임이 있을때 중심점을 따라 움직입니다. 연필 움직일때 자연스럽게 자연스럽게 그려지도록 하기위해 중심점을 이동시킵니다. 

      


중심점을 이동시키고 나서 다음과 같이 코딩을 합니다. 


 


코딩의 내용은 시작하기를 클릭 했을 때 연필이 마우스 포인터 위치로 이동하는것을 계속 반복하라는 것입니다. 이렇게 코딩을 하면 시작하기를 누른 후 마우스가 움직이는 데로 똑같이 이동하는 연필을 볼 수 있습니다.

 

 

그럼 여기까지 연필이 마우스를 따라 움직이는 모습의 결과를 동영상으로 보겠습니다. 





자 어떤가요? 시작하기를 누르면 마우스를 따라 움직이는 연필을 볼 수 있습니다.

 


그럼 이제 연필이 움직이면서 그림을 그려야 겠죠?

 

 

 

 

마우스를 클릭했 을때 그림을 그리고, 마우스를 떼면 그림을 그리지 않는 코드를 작성하겠습니다.



우선 마우스를 클릭했을 때 그림을 그리는 코드입니다. 정말 직관적이죠? 코드 그대로, 마우스를 클릭했을 그림이 그려집니다.

 

 

그럼 마찬가지로 마우스 클릭을 해제했을 때 는 어떻게 될까요?


 

마우스를 클릭했을 때 와 마찬지고 마우스 클릭을 해제하면 그림을 멈춰라 라고 코딩해 주면됩니다.


그럼 전체의 코드는 다음과 같게됩니다. 


 


참 쉽죠? ㅎㅎㅎ


그럼 여기까지 코딩의 실행 내욜을 동영상으로 살펴보겠습니다. 


 


우리가 예상대로 잘 실행이 되는군요..


다음장에선 색상 변화와 굵기의 변화에 대해 설명해 드리겠습니다. 

댓글
등록된 댓글이 없습니다.