작은 걸음 II — 만들며 배우기

색과 글자 더하기

색과 글자 더하기

이번에 배울 것

rgb는 빨강·초록·파랑의 세기를 섞어 색을 만드는 방식입니다. 각 값은 0부터 255까지 씁니다.

실행해 보기

예제 · example2.cpp
void small_main()
{
    Window window;
    window.open(640, 480);

    Color orange = rgb(255, 140, 0);

    window.clear(White);
    window.fill_rectangle(60, 80, 180, 120, orange);
    window.draw_rectangle(60, 80, 180, 120, Black);
    window.draw_text(80, 110, "Small C++", Blue, 24);
    window.show();

    while (window.is_open())
        window.show();
}

Color는 색을 저장하는 타입이고 rgb는 그 색을 만들어 돌려주는 함수입니다.

fill_rectangle의 숫자는 왼쪽 위 x, y와 가로·세로 크기입니다. draw_rectangle은 테두리만 그립니다. draw_text는 x, y, 문자열, 색, 글자 크기를 받습니다. 주황 사각형 위에 글자가 보이는지 확인하세요.

Exercise — 나만의 얼굴

원과 선을 사용해 간단한 얼굴을 그리세요. 눈 두 개와 입이 보이면 됩니다. 색과 위치는 자유입니다.

연습 문제 코드 · exercise2_starter.cpp
void small_main()
{
    Window window;
    window.open(500, 500);

    window.clear(White);

    // Draw your face here.

    window.show();
    while (window.is_open())
        window.show();
}

Hint

큰 fill_circle 하나를 얼굴로 만든 뒤 작은 원 두 개와 draw_line을 추가해 보세요.

풀이 보기
void small_main()
{
    Window window;
    window.open(500, 500);

    window.clear(White);
    window.fill_circle(250, 250, 160, Yellow);
    window.fill_circle(195, 210, 18, Black);
    window.fill_circle(305, 210, 18, Black);
    window.draw_line(190, 315, 310, 315, Black);
    window.show();

    while (window.is_open())
        window.show();
}
← 이전 레슨다음 레슨 →