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

팝카드있으세요
조회 수 1185
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	119838	13
핫글	미니	애플스토어 사과서리해왔습니다 [24]	슈피리어	15:13	1083	29
핫글	미니	iPhone16 Pro Max와 함께한 대만 여행 [8]	rollin	14:54	542	23
핫글	미니	탭스텐 소개 페이지 (특징 몇가지) [10]	유비소프트	12:08	745	14
220772	미니	:: TEST ::	JordanKwon	18.06.27	864	1
220771	미니	TEST2	흡혈귀왕	18.06.27	657	1
220770	미니	TESTING	키타카미	18.06.27	384	1
220769	미니	미게 잘 되네요	놋철씁니다	18.06.27	547	0
220768	미니	츄라이츄라이 [1]	Elsanna	18.06.27	575	0
220767	미니	와! 미게!	Stellist	18.06.27	472	0
220766	미니	크흐 소통갓 베리힌님	놋철씁니다	18.06.27	533	0
220765	미니	여기 특별히 죽지 않으면 전 그냥 여기서 놀래요 [2]	놋철씁니다	18.06.27	974	0
220764	미니	근데 트래픽 늘어나면 어떻게 되나여 [1]	JordanKwon	18.06.27	636	0
220763	미니	안녕하세요	몽구스	18.06.27	262	0
220762	미니	모바일 ㅅㅅ	놋철씁니다	18.06.27	782	0
220761	미니	청와통닭보다는 [2]	노랑통닭	18.06.27	645	0
220760	미니	근데 이거 XE예요? [1]	놋철씁니다	18.06.27	890	0
220759	미니	도매인 이름 제가 한거임 생색 [1]	놋철씁니다	18.06.27	611	0
220758	미니	안녕하세요~~ [2]	프로겐	18.06.27	451	0
220757	미니	닉넴 변경 놋철씁니다 -> Minny	Minny	18.06.27	283	0
220756	미니	안녕하세요. 기립갤식입니다. [3]	기립갤식	18.06.27	564	0
220755	미니	KT LTE측정 [1]	Minny	18.06.27	394	0
220754	미니	구 미게 복구되었습니다. [1]	Minny	18.06.27	410	0
220753	미니	소식 듣고 와봤는데... 상당히 좋네요 [1]	기븐	18.06.28	577	0
220752	미니	피난소 와봤습니다 [1]	늙은이	18.06.28	358	0
220751	미니	도메인이 신기하네요 [2]	Minny	18.06.28	397	1
220750	미니	기어S4, 갤럭시노트9과 함께 공개예정	BarryWhite	18.06.28	336	0
220749	미니	픽셀3 & 픽셀3XL 디자인 [2]	BarryWhite	18.06.28	382	0
220748	미니	놋9 루머	BarryWhite	18.06.28	245	0

👨‍👩‍👧‍👦미코🌕

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

추천 IT 소식 [1/]

스킨 기본정보

확장 변수

1. 게시판 기본 설정

2. 글 목록

3. 갤러리 설정

4. 글 읽기 화면

5. 댓글 설정

6. 글 쓰기 화면 설정