로그인 해주세요.

미니기기 / 음향 게시판 *스마트폰과 PC, 카메라, 스피커 등 IT 미니기기와 음향기기에 관해 교류하는 게시판입니다.

팝카드있으세요

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

애플 에어팟 프로 홈페이지에서 페이지 스크롤에 따라 애니메이션되는 듯한 배경화면을 어떻게 구현했나 확인해봤더니 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

삼성도 그대로 따라하지 않나요?

 

물론 플래그쉽 한정이겠지만요

[셈숭전자]님의 댓글을 신고합니다. 취소 신고
Euphoria
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
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 수정 file admin 18.08.04 117589 13
핫글 미니 삼성 스마트폰 인식 나락으로 보내버리기 [33] updatefile Stellist 10:31 1846 20
핫글 미니 티몬 1억 2천물렷 ㅎㅎㅎㅎ feat 플립6 [4] 품귀문란 16:25 824 10
핫글 미니 폴드 비율 이야기가 나와서 한 마디하자면 [5] MiCasaEsSuCasa 03:45 760 9
32752 미니 Post Computing Device [3] file Aimer 19.10.01 276 0
32751 미니 안드로이드10 국내앱 아직 지원안하는게 많죠? [8] choijm0715 19.09.21 276 0
32750 미니 램 얘기는 없네요? [5] file kkoury 19.09.11 276 0
32749 미니 가전회사가 IoT 하기에는 확실히 편하군요 [7] [성공]함께크는성장 19.09.08 276 0
32748 미니 갤워치 기어 충전독 중에 C타입 있나요? [12] [성공]함께크는성장 19.09.08 276 0
32747 미니 usb 2.0 vs 3.0 속도차이 어마어마하네요 [2] Angry 19.09.07 276 0
32746 미니 안드10은 os업뎃 체감있을까요? [1] 그럴리가 19.09.05 276 0
32745 미니 요즘 라이젠 노트북들 핫딜이 계속 올라오는데 [3] 팝카드있으세요 19.09.04 276 0
32744 미니 탭수육이 카톡만 되면 샀을 것 같은데 [11] chromium 19.09.02 276 0
32743 미니 MS 10월2일 서피스 제품 발표 이벤트 [4] file 기변증 19.08.28 276 0
32742 미니 후 전 어떡하죠 그럼 [5] qazsdf 19.08.23 276 0
32741 미니 덱스모드 맥이나 윈도 노트북에서도 [5] file 은나노팔찌 19.08.08 276 0
32740 미니 재미있는거 많이 넣었네요 [1] logend 19.08.08 276 0
32739 미니 삼성 브라우져 야간모드일때 상단 검은색 어찌 못하나요?? file 테니스볼 19.07.24 276 0
32738 미니 노트 10 가장 궁금한 점 [1] logend 19.06.29 276 0
32737 미니 노트9 액보 붙이기 짜증나네요 [10] 후웨이 19.06.28 276 0
32736 미니 이제 프로 10.5는 [4] dlwlrma 19.06.23 276 0
32735 미니 전 유선 100W 이런것 보다... [2] Helix 19.05.29 276 0
32734 미니 노트10 카메라 센서 개선은 없나요? [9] ASP 19.05.29 276 0
32733 미니 암드가 인텔보다 배그 프레임이 더 잘나오네요 ㄷㄷ [3] 서린 19.05.27 276 0
32732 미니 엘지가 아니라 SK 삼성이라 다행입니다 [3] 귀주대첩 19.05.27 276 0
32731 미니 2020년상반기 갤럭시2020 네이밍달고나오면 좋겠습니다 [6] 우주정력황제갤럭시엠 19.05.26 276 0
32730 미니 트럼프 "미중 무역협상 합의시 화웨이 포함될수 있어" [3] aleji 19.05.24 276 0
32729 미니 십오짐 펌 근황 [11] sjkoon 19.05.23 276 0
32728 미니 우리 스토어에서 만나욤 [4] file 엽충vs등이 19.05.20 276 0

추천 IT 소식 [1/]

스킨 기본정보

colorize02 board
2017-03-02
colorize02 게시판

사용자 정의

1. 게시판 기본 설정

게시판 타이틀 하단에 출력 됩니다.

일반 게시판, 리스트 게시판, 갤러리 게시판에만 해당

2. 글 목록

기본 게시판, 일반 게시판, 썸네일 게시판만 해당

썸네일 게시판만 해당

썸네일 게시판만 해당

썸네일 게시판만 해당

썸네일 게시판만 해당

3. 갤러리 설정

4. 글 읽기 화면

기본 10명 (11명 일 경우, XXXXX 외 1명으로 표시)

5. 댓글 설정

일정 수 이상의 추천을 받은 댓글에 표시를 합니다.

6. 글 쓰기 화면 설정

글 쓰기 폼에 미리 입력해 놓을 문구를 설정합니다.

서버에 요청 중입니다. 잠시만 기다려 주십시오...