profile
interactive front-end developer

Tips for three.js

css에서 정한 배경이 안보일때

2022년 1월 15일
·
0개의 댓글
·

Projection Matrix

three.js에서 canvas를 리사이즈 할때 요소들이 이상하게 보이지 않게 하려면 다음과 같은 작업을 해줘야 한다.updateProjectionMatrix()라는 것은 3점 좌표(x, y, z)를 2점 좌표(x, y)로 바꾸는 작업이다. 소실점 계산이라고 생각하면

2022년 1월 14일
·
0개의 댓글
·

perfect pixel to canvas

css에서 1px은 가상 96dpi디스플레이에서의 1px크기이다. 가상 디스플레이가 기준이므로 'CSS픽셀'이라는 이름으로 불린다. css작업을 하면서 적은 수치(ex top: 10px)는 위치와 측정용으로 사용이 되고 실제 브라우져에서 렌더링 될때 모니터에 맞게 물리

2022년 1월 13일
·
0개의 댓글
·