TS-LOG

프로그래밍/그래픽

호 그리기

호(Arc)위키에는 다음과 같이 설명하고 있다."호는 원의 둘레 또는 닫혀 있는 곡선" 아래 이미지로 설명하자면원의 둘레인 흰색 선도 호이고,0도 ~ 180도까지 그리고 있는 반원의 녹색 선도 호이다. 호 그리기Canvas에 호를 그릴려면 arc() 메서드를 사용한다.Pixi.js나 Create.js 같은 그래픽 라이브러리를 사용한다면약간의 차이는 있을수 있지만 거의 동일하다.여기서는 Pixi.js 기준으로 설명한다./** *@number cx 중점의 x좌표값 @number cy 중점의 y좌표값 @number radius 반지름 @number startAngle 호가 시작되는 각도 @number endAngle 호..

프로그래밍/그래픽

각도계

프로그래밍의 각도계프로그래밍에서 각도는 3시를 0도로 하여 오른쪽 방향으로 증가한다. 더 설명을 하자면...각도가 증가하면 시계 방향으로 각이 생성되고감소하면 반시계 방향으로 각이 생성된다. 호를 그려서 확인해 보자.호는 시작 각도에서 끝나는 각으로 시계방향으로 그리도록 한다.그래픽 라이브러리는 Pixi.js를 사용했다.0도에서 시작해서 30도로 호를 그리면 아래와 같이 그려진다. // 도를 라디안으로 변환 degreesToRadians($degrees) { const radians = ($degrees * Math.PI) / 180; console.log(radians); return radians; } // 호 그리기 drawArc() { const gpArc = new..

프로그래밍/그래픽

라디안과 도

우리는 일상에서 각도는 주로 도를 사용한다.수학 시간에 배운 '90도', '180도', '360도' 처럼 말이다.  하지만 프로그래밍에서는 '도' 외에도 '라디안' 이라는 단위도 사용한다.정확히는 '라디안'이 프로그래밍에서 각을 구하는데 더 알맞은 단위이다.그래서 각을 구함에 있어서 라디안 단위로 계산을 많이 하게 된다. 라디언과 도의 변환 공식프로그래밍에서 삼각함수나 호를 그릴때는 라디안 값을 사용한다.회전 같은 경우는 도값으로 동작하는 경우도 있지만보통은 라디안으로 계산한다고 봐야 한다. 하지만 사용자에게 각도를 입력받거나각도를 표시해줘야 하는 경우는 도를 사용한다. 그래서 도 에서 라디안으로또는 라디안에서 도로변환하는 일이 자주 발생한다. 공식은 다음과 같다. // 도를 라디안으로 변환 ..

취미/건프라 완성

[MG] MS-06F ZAKU MINELAYER Painted "자쿠 마인레이어 도색 완성"

티스토리로 이사하면서 예전 완성작 포스팅을 가져오고 있다.제일 먼저 옮겨온 포스팅은 기뢰 부설 백팩을 장비하는자쿠 마인레이어로 2017년 GBWC 출품작이다.(당연히 수상은 못했다.) GBWC 첫 출품한 작품이기도 한데..사람들에게 그다지 주목은 받지 못했다.스케일이 크거나 화려한 고수님들 작품에 묻혀.. 존재감이 없더라는.. 자쿠 마인레이어의 백미는 마인레이어 백팩인데...뒷태는 많이들 안보시더라.. ^^;당시 나에게 있어서 여러모로 도전작인데이유는 다음과 같다. 1. 수성 아크릴 도료 사용2. 모듈레이션 도색3. 웨더링 특히 수성 아크릴은 에어브러싱에 익숙해지는데 꽤나 시간이 걸렸다.사실 지금도 익숙치는 않다.모듈레이션 도색은 이때 처음 시도했었다.그전까지는 맥스식 도색을 좋아했는데..모듈레이션 매력..