미니 애플홈페이지의 애니메이션의 비밀

팝카드있으세요
조회 수 1182
2019.10.31. 00:54

애플 에어팟 프로 홈페이지에서 페이지 스크롤에 따라 애니메이션되는 듯한 배경화면을 어떻게 구현했나 확인해봤더니 0000.jpg, 0001.jpg ... 이런 식으로 수백장을 넣어두고 canvas에 그려서 표현하고 있다. 998x560 jpg 147장에 4.8MiB 정도니 해볼만했겠다 싶다. http://bit.ly/2WwutbR

-- @lqez님 | tweet (http://twitter.com/lqez/status/1189019443264798720)

동영상을 스크롤바에 따라 재생위치를 바꾸나? 했는데 그냥 jpg랍니다 엌....

설명은 에어팟프로이지만 다른 기기도 비슷할것 같습니다

폴 바셋 에스프레소로 만든 고소한 라떼 위에 우유 본연의 풍미가 매력적인 상하목장 아이스크림을 토핑한 폴 바셋의 스테디 셀러입니다. (우유 변경 옵션 미적용 음료입니다)

영양 정보 (1회 제공량 기준)
Grand
제공량(ml) 460
열량(kcal) 375
당류(g) 33
나트륨(mg) 130
단백질(g) 12
포화지방(g) 15
카페인(mg) 245

		13
								
1등셈숭전자
									2019.10.31. 00:57									
삼성도 그대로 따라하지 않나요?
 
물론 플래그쉽 한정이겠지만요

					[셈숭전자]님의 댓글을 신고합니다.
					취소
					신고
					
2등Euphoria
									2019.10.31. 01:04									
삼성도 움직여요. 근데 모바일에서 최초 렉이 오지게 걸리던 이유가 저거였구나. 사진 수백장ㅁㅊ

					[Euphoria]님의 댓글을 신고합니다.
					취소
					신고
					
글쓴이팝카드있으세요
										 Euphoria 님께
				
									2019.10.31. 01:11									
용량상으로는 큰 문제가 없어보입니다. 합해서 5메가정도면... 

					[팝카드있으세요]님의 댓글을 신고합니다.
					취소
					신고
					
3등루딱이
									2019.10.31. 01:06									
스크롤 가속 때문에 너무 보기 불편해요 안 했으면 좋겠어요

					[루딱이]님의 댓글을 신고합니다.
					취소
					신고
					
감자
									2019.10.31. 01:11									
이상하게 삼성은 반박자 느리게 반응하는 느낌이예요 ㅜㅜ

					[감자]님의 댓글을 신고합니다.
					취소
					신고
					
감자
										 감자 님께
				
									2019.10.31. 01:13									
어라.. 에어팟 프로는 영 보기가 힘드네요,, 아이폰이나 태블릿은 보기 좋았던거 같은데

					[감자]님의 댓글을 신고합니다.
					취소
					신고
					
aleji
									2019.10.31. 01:11									
처음 아이폰X때는 우와 했는데
이번꺼는 그닥 멋지진 않았네요
그래도 하나하나 노가다였다니 장인정신이 느껴집니다

					[aleji]님의 댓글을 신고합니다.
					취소
					신고
					
아니요
									2019.10.31. 01:14									
걍 gif만드는거랑 똑같은걸 뭘 저렇게까지 오바를 ㅋㅋㅋㅋㅋㅋ 오그리 토그리 ㅋㅋ

					[아니요]님의 댓글을 신고합니다.
					취소
					신고
					
글쓴이팝카드있으세요
										 아니요 님께
				
									2019.10.31. 01:18									
스크롤바 위치에 따라 이미지를 순차적으로 재생시켜주니까... 위아래로 왔다갔다도 가능합니다 
움짤이나 동영상 삽입하는것과는 다르죠 

					[팝카드있으세요]님의 댓글을 신고합니다.
					취소
					신고
					
아니요
										 팝카드있으세요 님께
				
									2019.10.31. 01:23									
기존에 없던것도 아니고 다나와나 네이버에서 노트북만 쳐봐도 좌우로 스크롤해보세요 하고 나오는거 360 돌아가면서 뚜껑닫혔다 열렸다 하는거랑 똑같은 겁니다. 별 하등 새로울것 없는거 가지고 오바가 심하네요 ㅋㅋ

					[아니요]님의 댓글을 신고합니다.
					취소
					신고
					
블랙빈디
										 아니요 님께
				
									2019.10.31. 14:22									
gif 쓰면 화질 차이랑 용량 차이가 어마무시 할걸요

					[블랙빈디]님의 댓글을 신고합니다.
					취소
					신고
					
개🐶
									2019.10.31. 04:45									
이런 사이트가 많습니다. 픽시브인가 거기도 움짤은 저렇게 구현해요

					[개🐶]님의 댓글을 신고합니다.
					취소
					신고
					
콜홍
									2019.10.31. 08:02									
스크롤 구현하려고 뻘짓 많이 했네요ㅋㅋㅋㅋㅋ
다른데는 스크롤 내릴때 일정 속도의 애니메이션이 재생되고 다시 보려면 스크롤을  좀 많이 올렸어야 하는데 말이죠...

					[콜홍]님의 댓글을 신고합니다.
					취소
					신고

에디터로 글쓰기

번호	분류	제목	글쓴이	날짜	조회 수
공지	공지	사이트 이용 수칙 230228 수정	admin	18.08.04	116315	13
핫글	미니	소비자가 기업에 맞춰줄 필요 없는것 맞죠 [22]	가로쓰기	00:27	393	23
핫글	미니	폰 대박 가격에 업어왔습니다. [9]	Gottago	24.06.21	1540	16
핫글	미니	이번 란즈크 블로그 글보니깐 [9]	흡혈귀왕	24.06.21	1446	15
180474	미니	갤럭시북 s는 언제....	고기마스터	19.10.31	135	0
180473	미니	앱 부스터 이거 앱 실행 말고 앱 내 로딩같은거에도 영향 주나요? [2]	마카롱채굴기	19.10.31	290	0
180472	미니	앱부스터 1.0.00.2 업데이트 로그 [4]	루딱이	19.10.31	410	0
180471	미니	G8X 버지 리뷰 [9]	하렌쿠우	19.10.31	442	0
180470	미니	갤럭시 S10 라이트 직벤치 점수 유출.jpg [7]	LG알바	19.10.31	565	0
180469	미니	갤폴드 많이쓰면 지문이 코팅을 벗긴다네요? [6]	멜로엘로	19.10.31	581	0
180468	미니	Windows 10X 새로운 모던 파일탐색기 탑재 [4]	6_inch	19.10.31	512	0
180467	미니	보조배터리의 체고존엄은 뭔가요? [4]	심플리	19.10.31	363	0
180466	미니	에어팟 프로 2에는 뭐가 들어갈까요 [3]	루딱이	19.10.31	293	0
	미니	애플홈페이지의 애니메이션의 비밀 [13]	팝카드있으세요	19.10.31	1182	0
180464	미니	QB823 PPS관련 잘못된정보 전파드린거같습니다. [8]	배붕이	19.10.31	823	0
180463	미니	심심해서 한번 찍어봤는데 [3]	셈숭전자	19.10.31	328	0
180462	미니	사실 PPS 신경쓰게 된게 삼성때문이라 [3]	바고부	19.10.31	455	0
180461	미니	앱부스터 갤탭a6는 안되나요? [4]	지자스	19.10.31	262	0
180460	미니	워치 너무나도 고민이 됩니다. [8]	운다인	19.10.31	422	0
180459	미니	탭스고이에선 labs앱들 설치 안되네요? [3]	화이트갤럭시	19.10.31	296	0
180458	미니	qb823 가격 뭐죠	팝카드있으세요	19.10.31	224	0
180457	미니	모닝뇌절 [6]	서녘마리	19.10.31	408	0
180456	미니	갤럭시 랩스 에이전트 충돌나네요.. [3]	N935S	19.10.31	428	0
180455	미니	애플식 듀얼스크린 [3]	Score_고동빈	19.10.31	485	0
180454	미니	애플워치는 이제 aod가 나왔는데 [5]	그럴리가	19.10.31	410	0
180453	미니	MBP 16" 키보드 레이아웃 유출 [3]	Futuristics	19.10.31	395	0
180452	미니	안드로이드10 데스크톱모드 in LG G8.jpg [10]	스퀴니	19.10.31	1195	0
180451	미니	레이저폰 2 39만원에 파네요 [12]	LG알바	19.10.31	744	0
180450	미니	랩스랑 앱부스터 링크 입니다 [4]	골몽	19.10.31	1190	3

👩🏼‍💻미코🌞

미니 애플홈페이지의 애니메이션의 비밀

추천 IT 소식 [1/]

스킨 기본정보

사용자 정의

1. 게시판 기본 설정

2. 글 목록

3. 갤러리 설정

4. 글 읽기 화면

5. 댓글 설정

6. 글 쓰기 화면 설정