4.4: 화면그리기

목표:

이 레슨을 마치면 다음을 할 수 있어야 합니다.

1. 조종기의 LCD 화면에서 이미지를 지웁니다.
2. 조종기의 LCD 화면에서 선, 다각형과 점을 그립니다.
3. 조종기의 LCD 화면에 JPG 및 PNG 이미지를 그립니다.

성공을 위한 단계:

1. 선 그리기
2. 도형 그리기
3. 이미지 그리기
4. 챌린지 1: 다각형 그리기
5. 챌린지 2: 작품 만들기

코드론 EDU 조종기는 드론에 대한 정보를 표시하는 LCD 화면을 갖추고 있습니다. 파이썬을 사용하면 LCD 화면에 원하는 것을 그릴 수 있습니다!

먼저, 이미지를 그리기 위해서는 LCD 화면이 어떻게 작동하는지 알아야 합니다. 화면은 X-Y 좌표를 사용하여 그릴 픽셀을 결정합니다. 그러나 여기서 사용하는 X-Y 좌표는 이전의 것과는 조금 다릅니다. 화면의 원점(0,0)은 왼쪽 상단 모서리에 있습니다. Y축의 아래쪽 방향으로 이동하면 Y의 값이 증가합니다. 오른쪽으로 이동하면 X 값이 증가합니다. 이 동작에 대해 간단한 예를 들어보겠습니다.

새로운 이미지를 그리고 싶을 때에는 항상 drone.controller_clear_screen() 함수를 호출하여 사용해야합니다. 이렇게 하지 않으면 현재 화면 상태 또는 이전의 이미지 위에 새로운 이미지가 그려집니다.이제 LCD화면의 테두리를 찾아봅시다. 🔲

from codrone_edu.drone import *

drone = Drone()
drone.pair()

drone.controller_clear_screen()

drone.controller_draw_line(0, 0, 126, 0)
drone.controller_draw_line(0, 0, 0, 63)

controller_draw_line() 함수는 점(x1, y1)과 점(x2, y2)에 사이에 선을 그립니다. 이 예에서는 원점에서 선을 그려 화면 가장자리에 테두리를 만듭니다. LED 화면이 126×63 픽셀임을 알 수 있습니다. 나머지 테두리를 그려서 화면의 가장자리 테두리에 사각형을 그려봅시다. 🔲

해결 방안:

from codrone_edu.drone import *

drone = Drone()
drone.pair()

drone.controller_clear_screen()

drone.controller_draw_line(0, 0, 126, 0)
drone.controller_draw_line(0, 0, 0, 63)
drone.controller_draw_line(126, 0, 126, 63)
drone.controller_draw_line(0, 63, 126, 63)

도형을 그리는 데 도움이 되는 함수도 있습니다! 몇 가지 예를 들어 보겠습니다. 먼저 화면에 문자열을 표시하는 방법을 배워보겠습니다. 💬 다음 예제를 확인하세요.

from codrone_edu.drone import *

drone = Drone()
drone.pair()

drone.controller_clear_screen()

drone.controller_draw_string(0, 0, "Hello, World!")

controller_draw_string() 함수는 지정된 X-Y 해당 지점에서 시작하는 문자열을 표시합니다. 이 예제에서는 화면의 원점으로부터 ”Hello, World!” 라고 표시하였습니다.😄

또한 controller_draw_polygon()  사용하여 다각형을 그릴 수 있습니다. 이 함수는 점 목록(리스트)을 가져와서 임의의 점을 만들고, 점 사이를 잇는 선을 그려서 다각형을 만듭니다. 여기 정사각형을 그리는 예제가 있습니다.

from codrone_edu.drone import *

drone = Drone()
drone.pair()

drone.controller_clear_screen()

drone.controller_draw_string(0, 0, "Hello, World!")

square_list = ((10, 10), (30, 10), (30, 30), (10, 30))
drone.controller_draw_polygon(square_list)

JPG나 PNG 형식의 이미지도 그릴 수 있어요! 우리의 조종기 화면은 다소 작고 크기는 126×63 픽셀에 불과하다는 것을 명심하세요. 장미와 같이 간단한 이미지를 그리는 것부터 시작합시다.

위의 이미지를 오른쪽 클릭하여 컴퓨터에 저장합니다.💾 파이썬에서 이미지 이름을 사용해야 하므로 간단한 이름을 지정하십시오. 여기서는 “rose”라고 하였습니다.🌹 이미지가 컴퓨터에 저장되면 Pycharm 파일 디렉토리로 끌어다 놓습니다. 이 작업을 완료하면 이미지를 클릭하여 Pycharm 내부에서 볼 수 있습니다. 다음과 같이 표시가 될 것입니다.

이제 이미지가 Pycharm에 있으므로 조종기 화면에 그릴 수 있습니다! 우선 CDE 라이브러리를 가져와서 드론을 페어링하고 조종기의 화면을 지워야 합니다.

from codrone_edu.drone import *

drone = Drone()
drone.pair()

drone.controller_clear_screen()

다음으로 이미지에서 모든 데이터를 저장할 이미지 변수 image 를 만들어야 합니다. 장미 이미지 “rose.jpg”에서 get_image_data() 함수를 사용하여 해당 데이터를 변수 image 에 할당하고 이를 수행합니다.

image = get_image_data("rose.jpg")

get_image_data() 함수에 주어진 매개 변수는 pycharm에서 볼 수있는 이미지 이름과 정확히 동일해야합니다. 이제 이미지 데이터가 image 변수에 할당되어 있으므로, 조종기 화면에 그리기만 하면 됩니다.

drone.controller_draw_image(image)

전체 코드:

from codrone_edu.drone import *

drone = Drone()
drone.pair()

drone.controller_clear_screen()

image = get_image_data("rose.jpg")
drone.controller_draw_image(image)

1. 다음 중 하나를 사용하여 삼각형을 그립니다.  controller_draw_line() 또는  controller_draw_polygon() 함수.
2. 다음 중 하나를 사용하여 오각형을 그립니다. controller_draw_line() 또는controller_draw_polygon() 함수.
3. 다음 중 하나를 사용하여 선택한 다각형을 그립니다. controller_draw_line() 또는 controller_draw_polygon() 함수.

이 도전에서는 원하는 이미지를 그릴 수 있습니다. 🖼️ 점과 선을 사용해서 이미지를 처음부터 만들거나, 컴퓨터에 있는 JPG 또는 PNG을 사용하여 그릴 수 있습니다. (또는 새 파일을 다운로드 할 수 있습니다.) controller_draw_image() 함수는 흑백의 픽셀 이미지를 사용할 때 가장 잘 작동하는 경향이 있습니다.

이번 레슨에서는 파이썬을 사용하여 코드론 EDU의 조종기 화면에 이미지를 그리는 방법을 배웠습니다. 화면을 지우는 방법, 선, 모양과 점을 그리는 방법, 화면에 이미지를 그리는 방법을 배웠습니다.