Microsoft MVP성태의 닷넷 이야기
Math: 10. C# - (타)원 영역의 마우스 클릭 판단 [링크 복사], [링크+제목 복사],
조회: 28932
글쓴 사람
정성태 (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)
11634정성태8/1/201821612.NET Framework: 790. .NET Thread 상태가 Cooperative일 때 GC hang 현상 재현 방법파일 다운로드1
11633정성태7/29/201825544Graphics: 15. Unity - shader의 World matrix(unity_ObjectToWorld)를 수작업으로 구성 [2]파일 다운로드1
11632정성태7/28/201827874Graphics: 14. C# - Unity에서 캐릭터가 바라보는 방향을 기준으로 카메라의 위치 이동 및 회전하는 방법
11631정성태7/27/201829830Graphics: 13. Unity로 실습하는 Shader (9) - 투명 배경이 있는 텍스처 입히기 [1]
11630정성태7/27/201825003개발 환경 구성: 391. (GitHub 등과 직접 연동해) 소스 코드 디버깅을 쉽게 해 주는 SourceLink [3]
11629정성태7/26/201823777.NET Framework: 789. C# 컴파일 옵션 - Check for arithmetic overflow/underflow [2]
11628정성태7/25/201825628Graphics: 12. Unity로 실습하는 Shader (8) - 다중 패스(Multi-Pass Shader)
11627정성태7/25/201820019개발 환경 구성: 390. C# - 컴파일러 옵션 OSS signing / Public Signing
11626정성태7/25/201818389오류 유형: 471. .C++ 함수를 const로 바꾼 경우 C2440 컴파일 오류가 발생한다면?
11625정성태7/24/201817592Math: 49. GeoGebra 기하 (25) - 타원의 중심점 찾기파일 다운로드1
11624정성태7/24/201822005개발 환경 구성: 389. C# - 재현 가능한 빌드(reproducible builds) == Deterministic builds [4]
11623정성태7/24/201821426Math: 48. C# - 가우시안 함수의 이산형(discrete) 커널 값 생성파일 다운로드1
11622정성태7/23/201821600개발 환경 구성: 388. Windows 환경에서 Octave 패키지 설치하는 방법
11621정성태7/23/201819215VC++: 127. 멤버 함수에 대한 포인터를 외부에서 호출하는 방법파일 다운로드1
11620정성태7/22/201822473Graphics: 11. Unity로 실습하는 Shader (7) - Blur (평균값, 가우스, 중간값) 필터 [1]파일 다운로드1
11619정성태7/21/201821506Graphics: 10. Unity로 실습하는 Shader (6) - Mosaic Shading
11618정성태7/20/201818573개발 환경 구성: 387. 삼성 오디세이(Odyssey) 노트북의 운영체제를 새로 설치하는 방법
11617정성태7/20/201819377Team Foundation Server: 50. TFS 소스 코드 관리 기능 (5) - "Rollback", "Rollback Entire Changeset"
11616정성태7/17/201818734Graphics: 9. Unity Shader - 전역 변수의 초기화
11615정성태7/17/201823086.NET Framework: 788. RawInput을 이용한 키보드/마우스 입력 모니터링파일 다운로드1
11614정성태7/17/201825290Graphics: 8. Unity Shader - Texture의 UV 좌표에 대응하는 Pixel 좌표
11613정성태7/16/201821601Graphics: 7. Unity로 실습하는 Shader (5) - Flat Shading
11612정성태7/16/201820585Windows: 148. Windows - Raw Input의 Top level collection 의미
11611정성태7/15/201820802Graphics: 6. Unity로 실습하는 Shader (4) - 퐁 셰이딩(phong shading)
11610정성태7/15/201817332Graphics: 5. Unity로 실습하는 Shader (3) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model) + Texture
11609정성태7/15/201820284Graphics: 4. Unity로 실습하는 Shader (2) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model)
... 91  [92]  93  94  95  96  97  98  99  100  101  102  103  104  105  ...