# motion

6개의 포스트
post-thumbnail

[TypeScript] Motion 프로젝트 - webpack 설정하기

번들러를 사용하면 모듈 지원이 불가한 브라우저에서의 의존성 관리 문제를 해결할 수 있다. 최근 번들러들은 의존성 패키지들의 하나로 묶어 주는 것뿐만 아니라 개발 생산성 자체에 도움을 주는 다양한 기능을 제공한다. webpack은 가장 많이 사용되는 번들러 중 하나이다.

2022년 6월 10일
·
0개의 댓글
·
post-thumbnail

[TypeScript] Motion 프로젝트 - innerHTML & textContent

ImageComponent는 내부적으로 어떠한 요소를 만들고 attachTo 함수를 가지고 있다.이미지를 생성하지 위하여 title, url string 타입을 받아온다.요소를 만들 때는 template 태그를 이용하여 innerHTML을 적용해주었다.이미지의 경로를

2022년 6월 10일
·
0개의 댓글
·

[Motion] SVG canvas mask

내가 만들어서 내가 쓰자 svg canvas mask pluginsvg 과 일반 이미지로 canvas - globalCompositeOperation 속성을 이용하여 mask animation을 보여줌1.script import2.html 소스상에 canvas 태그가

2021년 11월 4일
·
0개의 댓글
·
post-thumbnail

[Motion] Sequence motion

심심해서 만들어본 Sequence motion plugin - V1.0시퀀스 이미지와 canvas 를 이용하여 재생 및 스크롤 모션 제어1.script import2.html 소스상에 canvas 태그가 있어야 한다3.함수 선언해주고 인자 넣기4.자동재생은 무조건 au

2021년 11월 4일
·
0개의 댓글
·

[iOS] CoreMotion, MotionActivityManager 알아보기

이번에 연구를 진행하면서,motion들에 관한 정보를 많이 얻어와야 해서 공부를 하고 있다.CoreMotion은 ios 내 내장된 라이브러리인데,apple 문서를 보면, iOS 4.0 이상부터 사용가능하니, 거의 모든 폰들은 다 사용가능하다고 볼 수 있다.가속도, 자이

2021년 2월 26일
·
0개의 댓글
·