설명
캔버스를 클릭하면 임의의 시작점으로부터 클릭한 위치 사이를 원이 일정한 속도로 왔다 갔다 하면서 흔적을 남깁니다. 두 번째 클릭부터는 이전에 클릭한 위치가 시작점이 됩니다. 원은 같은 길을 왔다 갔다 하지만 원마다 움직이는 속도가 다르고 색이 계속해서 변하면서 흔적이 달라지기 때문에 이미지는 계속해서 변합니다. 정해진 개수를 넘어가면 오래된 원은 사라지지만 흔적은 남아있습니다. 흔적을 지우려면 ‘흔적 지우기' 버튼을 누르면 됩니다. 원의 크기를 조절하면 다양한 이미지가 만들어집니다.
상호작용
캔버스에 직접 상호작용
1. 캔버스를 클릭하면 임의의 시작점으로부터 클릭한 위치 사이를 원이 일정한 속도로 왔다 갔다 하면서 흔적을 남깁니다.2. 두 번째 클릭부터는 이전에 클릭한 위치가 시작점이 됩니다.
스케치는 설명, 상호작용, 캔버스 세 개의 부분으로 구성되어 있습니다.
1. 설명 부분은 스케치를 열었을 때 캔버스에 그려져 있는 이미지를 설명하고, 이미지와 상호작용하는 방법을 설명합니다. 그리고 해당 관점에 기초해서 스케치가
만들어진
의도를 담고 있습니다.
2. 캔버스 부분은 이미지를 보여주는 부분입니다. 상호작용을 통해 변화하는 이미지를 확인할 수 있습니다.
3. 상호작용 부분은 캔버스에 보이는 이미지와 상호작용하는 부분입니다. 상호작용하는 방법은 스케치마다 다릅니다. 상호작용하는 방법은 캔버스에 직접 상호작용,
슬라이더, 상태 선택, 버튼 이렇게 네 가지 종류가 있습니다.
3_1. 캔버스에 직접 상호작용은 스케치마다 방법이 다르기 때문에 글로 설명되어 있습니다.
3_2. 슬라이더는 두 개의 값 사이를 조절할 때 사용합니다.
3_3. 상태 선택은 두 가지나 세 가지 모드 중 하나를 선택할 때 사용합니다.
3_4. 버튼은 새로운 색상이나 새로고침과 같이 한 번 입력할 때 사용합니다.
3_5. 이미지 저장 버튼은 모든 스케치의 상호작용 부분의 마지막에 위치해 있습니다. 이미지 저장 버튼을 누르면 현재 캔버스에 보이는 이미지를 본인의 컴퓨터에
png파일로 저장합니다.