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

팝카드있으세요
조회 수 1184
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					
스크롤 구현하려고 뻘짓 많이 했네요ㅋㅋㅋㅋㅋ
다른데는 스크롤 내릴때 일정 속도의 애니메이션이 재생되고 다시 보려면 스크롤을  좀 많이 올렸어야 하는데 말이죠...

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

에디터로 글쓰기

번호	분류	제목	글쓴이	날짜	조회 수
공지	공지	사이트 이용 수칙 240809 수정	admin	18.08.04	119356	13
핫글	미니	아이폰 16 카메라 코팅 이야기는 수상하게 영미웹진이 안다루네요 [5]	AquStar	24.09.23	1107	25
핫글	미니	갤펌)아이폰16(노멀)vsS24(엑시) 실사용비교 feat.Techmo [8]	알몬드오일	24.09.23	1016	24
핫글	미니	expert raw 에 대하여... [18]	씨샾	24.09.23	383	16
220516	미니	아이폰 16프로 저만 이렇게 느낀게 아니군요	S.R	04:00	288	1
220515	미니	스위치2가 AMD 칩을 탑재하지 않은 이유	BarryWhite	03:03	218	0
220514	미니	애플 아이폰 16 프로 맥스, 카메라 테스트서 영상 1위 외 소식	BarryWhite	02:57	167	1
220513	미니	iOS 18.1 DB5	숨겨진오징어	02:39	155	1
220512	미니	갤럭시 S24 FE 공식 언박싱 영상 유출 [13]	노다	00:12	712	7
220511	미니	갤럭시 게임 최적화 진행 사항 (24년 38주차) [6]	갠냑시	00:04	466	6
220510	미니	지캠_버젼에 따른 퀄리티 변화?	pietoro	24.09.23	106	4
220509	미니	이번 아이폰 측면 버튼은 딱 이느낌입니다.. [7]	품귀문란	24.09.23	606	5
220508	미니	아이폰 구매했습니다. [2]	KIKIRAKA	24.09.23	294	8
220507	미니	expert raw 에 대하여... [18]	씨샾	24.09.23	383	16
220506	미니	아이폰 16 프맥 주문 [1]	시키에이키	24.09.23	337	6
220505	음향	jbl live pro2 세탁기 돌려버렸습니다... [6]	막귀	24.09.23	252	1
220504	미니	루머: (불확실) 8 Gen 4 -> Ultra C8 Gen 1 ??? [20]	Section31	24.09.23	996	4
220503	미니	폴드 질문 입니다 [3]	RASBI	24.09.23	252	1
220502	미니	아이폰 카툭튀 때문에 차량용 충전기 샀습니다. [3]	Rangs	24.09.23	299	0
220501	미니	갤펌)아이폰16(노멀)vsS24(엑시) 실사용비교 feat.Techmo [8]	알몬드오일	24.09.23	1016	24
220500	미니	폴드6 SE 한정판일까요 [4]	닉포토	24.09.23	576	1
220499	미니	사파리에서 게시글 제목 일부가 잘리네요. [1]	AlieNaTiZ	24.09.23	157	2
220498	미니	퀄콤은 오라이온에서 극적인 IPC 향상보단... [3]	흡혈귀왕	24.09.23	542	4
220497	미니	낮에 찍은 워치 허세샷! [2]	niotree	24.09.23	286	4
220496	미니	아이폰 SE 2세대 배터리 교체받았습니다. [2]	AlieNaTiZ	24.09.23	282	2
220495	미니	망글망글 [4]	스퀴니	24.09.23	281	0
220494	미니	루머: 8 Gen 5, 2x 5.0 + 6x 4.0 ? [12]	Section31	24.09.23	610	2
220493	미니	폴드SE에 대해서. [13]	엔당이희망입니다	24.09.23	669	5
220492	미니	iPhone 삼 일차 유일한 장점 [4]	심플리	24.09.23	959	11

👨‍👩‍👧‍👦미코🌕

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

추천 IT 소식 [1/]

스킨 기본정보

확장 변수

1. 게시판 기본 설정

2. 글 목록

3. 갤러리 설정

4. 글 읽기 화면

5. 댓글 설정

6. 글 쓰기 화면 설정