# 애니메이션

15개의 포스트

[Unity] 프로젝트 생성 및 캐릭터 조작 (+애니메이션) (2)

오늘은 저번 시간에 이어서 캐릭터 점프를 작성해볼 예정이다. 😀😀 그리고 추가로 왼쪽으로 이동할 때는 왼쪽을 바라보고 오른쪽으로 이동할 때는 오른쪽을 바라보도록 추가도 해보도록 하자. 그리고는 걷는 애니메이션과 점프 애니메이션까지 다 하면 캐릭터와 관련된 작업은

약 13시간 전
·
0개의 댓글

[Unity] 프로젝트 생성 및 캐릭터 조작 (+애니메이션) (1)

생각보다 Unity 다운로드 시간이 오래걸렸다.다운로드가 끝난 뒤에 프로젝트를 생성하고 유튜버님이 제공해주시는 리소스를 블로그에서 다운받아서 유니티에 미리 임포트 시켜두었다.해당 리소스는 다음 블로그에서 받을 수 있고, 강좌 유튜브 설명란에도 링크를 걸어두셨다.http

약 13시간 전
·
0개의 댓글
post-thumbnail

[TIL 06] animation-delay, keyframe 활용

애니메이션 딜레이로 순차효과 주기, 키프레임으로 다음 사이클 시작까지의 딜레이 주기

6일 전
·
0개의 댓글
post-thumbnail

[10] Animation

Animation 마우스 클릭이나 hover 없이도 애니메이션이 재생되게 하기 편도티켓 오직 두 단계, 처음과 끝만 필요할 때는 from-to를 사용한다. from=0%=시작 to=100%=끝 왕복티켓 다양한 중간 단계가 필요할 때에는 숫자%로 단계를 나눈다.

2021년 1월 8일
·
0개의 댓글
post-thumbnail

[9] Transition, Transform

Transition : 애니메이션 효과 주기 자바스크립트 없이도 CSS로 a상태에서의 b상태로의 변화, 애니메이션 만들기 -> a : transition-property transition이 적용될 부분으로 all을 입력해 전체에 대해 적용할 수도 있고 color,

2021년 1월 8일
·
0개의 댓글

애니메이션 성능최적화

Today I Learned ③

2020년 12월 8일
·
0개의 댓글
post-thumbnail

Element.animate()

흔히 애니메이션은 CSS로 구현하는 경우가 많다. 복잡한 조건, 복잡한 인터렉션이 일어나지 않는 경우에는 CSS로만 구현하는 것이 훨씬 비용을 줄이는 방법이기도 하다. 하지만 아주 단순한 애니메이션이라고 하더라도 같은 코드를 반복해서 작성해야 한다면 Javascript

2020년 11월 30일
·
0개의 댓글
post-thumbnail

오토바이는 어떻게 날아왔을까? - 1주차 회고

이번 프로젝트를 통해서 CSS로 애니메이션을 어떻게 구현하는 지 해민갓님께 배웠는데, 저처럼 궁금하신 분들이 많아서 제가 공부한 내용을 공유해 드리겠습니다. 일단 깃헙 리드미에 내용이 있지만, 내용으로는 잘 와 닿지 않으니 제가 했던 것 처럼 실제로 구현을 하면서 내용

2020년 8월 25일
·
0개의 댓글
post-thumbnail

네비게이션 바 호버 이펙트 만들기 #1

Navigation Bar With Mouse Hover Effect, HTML5 & CSS3 유튜브 링크를 통해 더 세세히 알 수 있다. 영상에 있는 클래스와 아이디가 각각 다르지만 살짝 변형해서 만들어 보았다. ㅎㅎ 도중에 오타가 많이 흘리긴 했지만 이렇게 네비게이

2020년 6월 29일
·
0개의 댓글
post-thumbnail

How fast should your UI animations be? 요약

https://valhead.com/2016/05/05/how-fast-should-your-ui-animations-be/ 를 요약함200ms가 최상의 타이밍이라고 여겨지지만, 사실 그렇게 단순하지 않다.타이밍은 좀 더 복잡하다.200ms ~ 500ms는 인

2020년 5월 10일
·
0개의 댓글

#TIL (May 9th, 스물네번째 이야기)

css3 Animation 미디어쿼리, 레이아웃,css 메뉴 만들기 에 대해 알아보자

2020년 5월 9일
·
0개의 댓글
post-thumbnail

맨 위로 올라가는 버튼#1

맨 위로 올라가는 버튼#1 - html / javascript

2019년 5월 24일
·
0개의 댓글

[iOS] 제약을 활용한 애니메이션

안드로이드 개발자로서 iOS 개발을 하며 무수한 삽질을 했다. 무수한 삽질에 대해서는 각자 StackOverflow의 무수한 답들을 보면서 접하시고 이 포스트에서는 답만 정리하겠다. 그 중에 특 정 뷰를 상태에 따라 애니메이션하여 나타나게 하고 숨기는 것의 삽질 끝에 최종 버전이다. 본인이 기억할 수 있도록 이번에도 기록을 남긴다. 구글 지도에서 마커를...

2019년 1월 9일
·
0개의 댓글