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

팝카드있으세요
조회 수 1183
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	117055	13
핫글	미니	업자가 물건을 잘못 팔았습니다??? [8]	품귀문란	24.07.05	1215	17
핫글	음향	버즈3 프로 문고리 에디션.jpg [14]	FHS17	24.07.05	1513	12
핫글	미니	이 디자인 저만 좋아하나요?? [6]	Kanata	24.07.05	1145	9
31405	미니	MBP 16"은 mac OS Catalina가 안나와서(...) [5]	Futuristics	19.10.31	193	0
31404	미니	갤럭시 노트 FE, 갤럭시 랩스 설치 완료. [4]	Minny	19.10.31	459	0
31403	미니	주말에 에어팟프로 지를까 고민중이네요.. [4]	자린고네	19.10.31	281	0
31402	미니	노트북 서멀 재도포 받고나서 온도 엄청올라서 다시갓는데 [3]	S7엣지	19.10.31	198	0
31401	미니	펑 [8]	몬스터	19.10.31	597	0
31400	미니	무선충전 보조배터리 추천 부탁드리겠습니다. [6]	에스텐플러스	19.10.31	224	0
31399	미니	LG폰 베트남 공장 이전 효과…적자 3130억→1612억원 [5]	Aimer	19.10.31	309	0
31398	미니	LG전자, V20 파이 업그레이드 실시 [2]	LG전자	19.10.31	248	0
31397	미니	V20 오늘 안드 파이 먹었댑니다 [4]	비온날흙비린내	19.10.31	284	0
31396	미니	맥북프로 16은 사실상 17인치라네요 [6]	팝카드있으세요	19.10.31	411	0
31395	미니	에어팟프로 노이즈 캔슬링 안드로이드도 지원할까요 [17]	flair	19.10.31	3980	0
31394	미니	에어팟 후기보니까 식네요.. [6]	Futuristics	19.10.31	816	0
31393	미니	자강두천.jpg [19]	LG알바	19.10.31	684	0
31392	미니	'에어팟 프로' 짝퉁 '차이팟 프로' 등장..가격 얼마? [5]	팝카드있으세요	19.10.31	995	0
31391	미니	에어팟 프로 배송 정말 빠르네요 [18]	슈갤럼	19.10.31	502	0
31390	미니	코원 DAP 신작 플레뉴 R2 [8]	BarryWhite	19.10.31	954	0
31389	미니	모토 360 신형 나왔네요 [4]	LG알바	19.10.31	387	0
31388	미니	미코에서 소원빌면 이뤄진다길래 ㅠㅠ 12인치 갤럭시탭s 부탁드립니다. [5]	꼬치	19.10.31	235	0
31387	미니	귀도 반 로썸 은퇴한다네요 [5]	Score_고동빈	19.10.31	453	0
31386	미니	뇌피셜로 끄적여보는 앱부스터 원리 [10]	프라페노	19.10.31	1477	0
31385	미니	3분기 아이폰 중국 판매량 28% 감소,아이폰 11은 더 큰 하락을 막아 [4]	qazsdf	19.10.31	235	0
31384	미니	아이폰 가격인하에 중국/미국시장에서 급방긋	Futuristics	19.10.31	242	0
31383	미니	갤럭시버즈 차기작도 노이즈캔슬링 지원하겠죠? [13]	그럴리가	19.10.31	1390	0
31382	미니	삼성전자 3분기 영업익 7.78조원…작년동기 대비 55.7%↓ [8]	두목원장	19.10.31	310	0
31381	미니	오늘 저녁 LG G8 데탑모드 테스트해봐야겠습니다 [1]	스퀴니	19.10.31	256	0

👩🏼‍💻미코🌧️

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

추천 IT 소식 [1/]

스킨 기본정보

사용자 정의

1. 게시판 기본 설정

2. 글 목록

3. 갤러리 설정

4. 글 읽기 화면

5. 댓글 설정

6. 글 쓰기 화면 설정