Microsoft MVP성태의 닷넷 이야기
Math: 7. C# - 펜타그램(Pentagram) 그리기 [링크 복사], [링크+제목 복사],
조회: 33852
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
(연관된 글이 3개 있습니다.)

C# - 펜타그램(Pentagram) 그리기

요즘 제가 ^^ "황금 비율의 진실"에 관한 책을 읽고 있는데요.

황금 비율의 진실: 완벽을 창조하는 가장 아름다운 비율의 미스터리와 허구 
; http://www.yes24.com/24/goods/5266967?scode=032

개인적으로 너무 너무 재미있게 읽고 있습니다. ^^

읽어보다가, 호기심이 발동해서 펜타그램을 C# 코드로 그려보고 싶어졌는데요. 펜타그램을 구하기 위해서 원에서 같은 간격으로 5개의 지점에 꼭지점을 선택해야 하는데, 360 / 5 = 72도로 해서 분할을 할 수가 있습니다. 말보다는, 다음의 글에 실린 그림만 보시면 직관적으로 알 수 있겠지요.

How to Draw a Perfect Pentagram
; http://www.wikihow.com/Draw-a-Perfect-Pentagram

pentagram_drawing_1.jpg

그럼, 실제로 점에 대한 좌표는 어떻게 구할 수 있을까요? 그렇습니다. ^^ 삼각함수를 이용하면 됩니다. 가령 원의 반지름이 200 이라고 가정하면,

pentagram_drawing_2.png

18도를 삼각함수로 이용해서 x, y 좌표를 다음과 같이 구할 수 있습니다.

A의 x 좌표: cos(18도) = x / 200
            x = cos(18도) * 200
            x = 190.2113032590307...

A의 y 좌표: sin(18도) = y / 200
            y = sin(18도) * 200
            y = 61.803398874989476...

.NET Framework 의 Math 라이브러리는 각도가 아니라 라디안 값을 인자로 받기 때문에 단위 변경을 해주는 것을 잊지 말아야 합니다.

C# Convert Radians and Degrees
; http://www.vcskicks.com/csharp_net_angles.php

private double RadianToDegree(double angle)
{
    return angle * (180.0 / Math.PI);
}

double DegreeToRadian(double angle)
{
    return Math.PI * angle / 180.0;
}

그렇게 해서 72도씩 진행해 나가면 5개의 꼭지점 위치를 결정할 수 있고,

pentagram_drawing_3.png

이제 꼭지점마다 가로질러 선을 그어주면 펜타그램이 완성됩니다. ^^

pentagram_drawing_4.png

그런데, 소스가 좀 지저분 한 듯 싶어서 검색을 해보았더니 ^^ 더 좋은 알고리즘이 있습니다.

Thread: How to calculate points of a Pentagon? 
; http://forums.codeguru.com/showthread.php?511526-How-to-calculate-points-of-a-Pentagon

private void DrawPentagram(Graphics g)
{
    Point [] pts = new Point[6];

    int centerX = this.Width / 2;
    int centerY = this.Height / 2;
    int radius = 100;

    Point location = new Point(centerX, centerY);

    for (int i = 0; i < 6; i++)
    {
        double radian = (0.8 * Math.PI * i) + (0.7 * Math.PI);
        pts[i] = location + new Size((int)(radius * Math.Cos(radian)),
            (int)(radius * Math.Sin(radian)));
    }

    for (int i = 0; i < 5; i ++)
    {
        g.DrawLine(Pens.Red, pts[0], pts[1]);
    }
}

똑바로 선 펜타그램을 그리기 위해서 약간 소스 코드를 변경하긴 했지만, 어쨌든 이렇게 현재 점으로부터 144도에 위치한 점을 바로 찾아내서 선을 긋기 때문에 제가 만든 소스 코드보다 훨씬 더 간결하게 나왔습니다.

pentagram_drawing_5.png

소스 코드는 2개 모두 첨부해 두었습니다. ^^




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]






[최초 등록일: ]
[최종 수정일: 7/13/2012]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




... 91  92  93  [94]  95  96  97  98  99  100  101  102  103  104  105  ...
NoWriterDateCnt.TitleFile(s)
11619정성태7/21/201823109Graphics: 10. Unity로 실습하는 Shader (6) - Mosaic Shading
11618정성태7/20/201819817개발 환경 구성: 387. 삼성 오디세이(Odyssey) 노트북의 운영체제를 새로 설치하는 방법
11617정성태7/20/201820443Team Foundation Server: 50. TFS 소스 코드 관리 기능 (5) - "Rollback", "Rollback Entire Changeset"
11616정성태7/17/201819526Graphics: 9. Unity Shader - 전역 변수의 초기화
11615정성태7/17/201823938.NET Framework: 788. RawInput을 이용한 키보드/마우스 입력 모니터링파일 다운로드1
11614정성태7/17/201826882Graphics: 8. Unity Shader - Texture의 UV 좌표에 대응하는 Pixel 좌표
11613정성태7/16/201823362Graphics: 7. Unity로 실습하는 Shader (5) - Flat Shading
11612정성태7/16/201821330Windows: 148. Windows - Raw Input의 Top level collection 의미
11611정성태7/15/201821697Graphics: 6. Unity로 실습하는 Shader (4) - 퐁 셰이딩(phong shading)
11610정성태7/15/201819083Graphics: 5. Unity로 실습하는 Shader (3) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model) + Texture
11609정성태7/15/201822141Graphics: 4. Unity로 실습하는 Shader (2) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model)
11608정성태7/15/201825811Graphics: 3. Unity로 실습하는 Shader (1) - 컬러 반전 및 상하/좌우 뒤집기
11607정성태7/14/201826189Graphics: 2. Unity로 실습하는 Shader [1]
11606정성태7/13/201827002사물인터넷: 19. PC에 연결해 동작하는 자신만의 USB 장치 만들어 보기파일 다운로드1
11605정성태7/13/201823364사물인터넷: 18. New NodeMCU v3 아두이노 호환 보드의 내장 LED 및 입력 핀 사용법 [1]파일 다운로드1
11604정성태7/12/201822351Math: 47. GeoGebra 기하 (24) - 정다각형파일 다운로드1
11603정성태7/12/201817604Math: 46. GeoGebra 기하 (23) - sqrt(n) 제곱근파일 다운로드1
11602정성태7/11/201818199Math: 45. GeoGebra 기하 (22) - 반전기하학의 원에 관한 반사변환파일 다운로드1
11601정성태7/11/201821223Math: 44. GeoGebra 기하 (21) - 반전기하학의 직선 및 원에 관한 반사변환파일 다운로드1
11600정성태7/10/201819860Math: 43. GeoGebra 기하 (20) - 세 점을 지나는 원파일 다운로드1
11599정성태7/10/201818770Math: 42. GeoGebra 기하 (19) - 두 원의 안과 밖으로 접하는 직선파일 다운로드1
11598정성태7/10/201820981Windows: 147. 시스템 복구 디스크를 USB 디스크에 만드는 방법
11597정성태7/10/201823236사물인터넷: 17. Thinary Electronic - ATmega328PB 아두이노 호환 보드의 개발 환경 구성
11596정성태7/10/201820640기타: 72. 과거의 용어 설명 - OWIN
11595정성태7/10/201826128사물인터넷: 16. New NodeMCU v3 아두이노 호환 보드의 기본 개발 환경 구성
11594정성태7/8/201821044Math: 41. GeoGebra 기하 (18) - 원의 중심 및 접선파일 다운로드1
... 91  92  93  [94]  95  96  97  98  99  100  101  102  103  104  105  ...