TS-LOG

제품리뷰

[내돈내산] 액션캠 트리퍼 "TRIPPER Action Camera"

구매동기 예전부터 관심은 있었지만...선뜻 구매하지 못한 제품군이 있다.바로 액션캠이다. 이유는 스마트폰으로도 영상 촬영은충분했기 때문이다. 하지만 촬영 전용 기기가 있다면좋겠다는 생각은 항상 있었다. 촬영중에 통화가 온다거나,정보를 찾아봐야 한다거나이러한 여러 이유로 촬영이 끊기는건좋은 경험이 아니다. 그렇다고 큰맘 먹고 구매를 하자니...인지도 있는 제품군은 고가이다.사놓고 얼마나 잘 활용할지도 모르겠고...;; 이런 저런 고민중에 와디즈에서자주 판매하는 액션캠이 있었으니...트리퍼 액션캠. 10만원대 후반대라...입문용으로 괜찮겠다는 생각이 들었다.바로 구입.  그런데...제품 '트리퍼'라는 이름은 어디에도 없고그냥 액션카메라다. 제품 스펙 LCD2.0 Inch IPS HD screen + 1.3 ..

프로그래밍/그래픽

호 그리기

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