Microsoft MVP성태의 닷넷 이야기
Math: 10. C# - (타)원 영역의 마우스 클릭 판단 [링크 복사], [링크+제목 복사],
조회: 35631
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일

C# - (타)원 영역의 마우스 클릭 판단


아래와 같은 질문이 있어서 적어봅니다. ^^

동그란 형태의 영역 체크하기
; http://social.msdn.microsoft.com/Forums/ko-KR/visualcplusko/thread/ea521d3c-93ba-498f-860f-6fc689c1151d

우선, Win32 API로 CreateEllipticRgn, PtInRegion이 있기 때문에,

CreateEllipticRgn function 
; https://docs.microsoft.com/en-us/windows/win32/api/wingdi/nf-wingdi-createellipticrgn
 
그리고, 영역 체크 역시 마찬가지입니다. 

PtInRegion function 
; https://docs.microsoft.com/en-us/windows/win32/api/wingdi/nf-wingdi-ptinregion

C#에서도 쉽게 DllImport 기능을 이용하여 사용할 수 있습니다.




그래도, 가끔은 원리를 아는 것이 중요할 때가 있지요. ^^ (가령, Javascript에서라면 Win32 API를 호출할 수 없기 때문에.)

우선, 원의 내부에서 마우스 클릭이 된 것인지 판단하는 것은 어렵지 않습니다.

아래 그림에서처럼,

mouse_click_in_ellipse_1.png

피타고라스 정리를 이용해서 c2 = a2 + b2을 하게 되면 c의 길이를 구할 수 있고, 그 값이 반지름 r보다 작으면 원 안에 있다고 판단할 수 있습니다.

문제는 타원인데요. 이것은 타원에 대한 지식을 요구합니다.

타원 방정식
; http://yhsmc.com.ne.kr/Math/sunengdaebi/math2/sub3-8.pdf

타원은 "평면 위에서 두 정점에서의 거리의 합이 일정한 점 전체의 집합"이라고 정의되었는데요.

mouse_click_in_ellipse_2.png

위의 그림에서 "두 정점"은 (-c, 0), (c, 0)을 의미하고, "거리의 합"은 2r, 즉 '장축'의 길이에 해당합니다. 따라서, 타원은 (-c, 0), (c, 0)을 잇는 선 a, b의 길이의 합이 2r인 '점 전체의 집합'이 됩니다.

여기서, 좌표 c는 무작위 값이 아니고 다음의 공식에 해당하는 좌표입니다.

c2 = a2 - b2

그럼, 기본적인 값은 모두 알아봤으니 이제 타원 내에 마우스가 위치해 있는 조건을 구할 수 있습니다. (위의 설명은 '장축 = x축, 단축 = y축'인 타원을 그렸을 때 해당하고, 그 반대의 경우라면 타원의 공식이 달라지기 때문에 그에 맞게 변경해 주어야 합니다.)

  1. 마우스 위치에 따른 b, a 길이는 피타고라스 정리에 의해서 구할 수 있고,
  2. b + a < 2r인 경우 타원 안에 있다고 판정.

첨부된 파일을 실행하면 다음과 같이 마우스 위치에 따라 "윈도우 타이틀" 속성에 True/False를 나타내는 예제가 동작합니다.

mouse_click_in_ellipse_3.png

참고로, 예제 코드는 x, y의 장/단축이 바뀐 경우까지 반영되었습니다.




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







[최초 등록일: ]
[최종 수정일: 7/17/2021]

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)
11726정성태10/7/201831416사물인터넷: 49. 라즈베리 파이를 이용해 원격 컴퓨터의 전원 스위치 제어파일 다운로드1
11724정성태10/5/201831385개발 환경 구성: 407. 유니코드와 한글 - "Hangul Compatibility Jamo"파일 다운로드1
11723정성태10/4/201821569개발 환경 구성: 406. "Docker for Windows" 컨테이너 내의 .NET Core 응용 프로그램에서 직렬 포트(Serial Port, COM Port) 사용 방법
11722정성태10/4/201827742.NET Framework: 798. C# - Hyper-V 가상 머신의 직렬 포트와 연결된 Named Pipe 간의 통신파일 다운로드1
11721정성태10/4/201827797.NET Framework: 797. Linux 환경의 .NET Core 응용 프로그램에서 직렬 포트(Serial Port, COM Port) 사용 방법파일 다운로드1
11720정성태10/4/201829107개발 환경 구성: 405. Hyper-V 가상 머신에서 직렬 포트(Serial Port, COM Port) 사용
11719정성태10/4/201830363.NET Framework: 796. C# - 인증서를 윈도우에 설치하는 방법
11718정성태10/4/201824828개발 환경 구성: 404. (opkg가 설치된) Synology NAS(DS216+II)에 cmake 설치
11717정성태10/3/201826600사물인터넷: 48. 넷두이노의 C# 네트워크 프로그램 [1]
11716정성태10/3/201827982사물인터넷: 47. Raspberry PI Zero (W)에 FTDI 장치 연결 후 C/C++로 DTR 제어파일 다운로드1
11715정성태10/3/201825497사물인터넷: 46. Raspberry PI Zero (W)에 docker 설치
11714정성태10/2/201825873사물인터넷: 45. Raspberry PI에 ping을 hostname으로 하는 방법
11713정성태10/2/201826695개발 환경 구성: 403. Synology NAS(DS216+II)에 docker 설치 후 .NET Core 2.1 응용 프로그램 실행하는 방법
11712정성태10/2/201833041.NET Framework: 795. C# - 폰트 목록을 한글이 아닌 영문으로 구하는 방법 [3]
11711정성태10/2/201827278오류 유형: 490. 윈도우 라이선스 키 입력 오류 0xc004f050, 0xc004e028
11710정성태10/2/201827387.NET Framework: 794. C# - 같은 모양, 다른 값의 한글 자음을 비교하는 호환 분해 [5]
11709정성태9/30/201825999개발 환경 구성: 402. .NET Core 콘솔 응용 프로그램을 docker로 실행/디버깅하는 방법 [1]
11708정성태9/30/201829119개발 환경 구성: 401. .NET Core 콘솔 응용 프로그램을 배포(publish) 시 docker image 자동 생성 [2]파일 다운로드1
11707정성태9/30/201831199오류 유형: 489. ASP.NET Core를 docker에서 실행 시 "Failed with a critical error." 오류 발생 [1]
11706정성태9/29/201824774개발 환경 구성: 400. Synology NAS(DS216+II)에서 실행한 gcc의 Segmentation fault [2]
11705정성태9/29/201825160개발 환경 구성: 399. Synology NAS(DS216+II)에 gcc 컴파일러 설치
11704정성태9/29/201831642기타: 73. Synology NAS 신호음(beep) 끄기 [1]파일 다운로드1
11703정성태9/27/201824266개발 환경 구성: 398. Blazor 환경 구성 후 빌드 속도가 너무 느리다면? [2]
11702정성태9/26/201821722사물인터넷: 44. 넷두이노(Netduino)의 네트워크 설정 방법
11701정성태9/26/201827867개발 환경 구성: 397. 공유기를 일반 허브로 활용하는 방법파일 다운로드1
11700정성태9/21/201828364Graphics: 25. Unity - shader의 직교 투영(Orthographic projection) 행렬(UNITY_MATRIX_P)을 수작업으로 구성
... 91  92  [93]  94  95  96  97  98  99  100  101  102  103  104  105  ...