인프런 커뮤니티 질문&답변

BongSik Han님의 프로필 이미지
BongSik Han

작성한 질문수

몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]

수업에 필요한 사이트 함께 보기

존경하는 코딩일레븐님 이런 것도 가능하신가요?

해결된 질문

작성

·

314

1

코딩일레븐님 강의 너무 감사합니다.

많은 것들을 배우고 성장하고 있습니다.

혹시 https://marmont.gucci.com/

사이트와 같은 것도 구현 가능하신가요?

The Dawn Wall 과 비슷하게 구현방식이라 생각이 됩니다.

답변 6

1

코딩일레븐님의 프로필 이미지
코딩일레븐
지식공유자

넵 다음 강의도 곧 나옵니다 ^^
그리고 질문 있으시면 편하게 해주세요~

1

BongSik Han님의 프로필 이미지
BongSik Han
질문자

감사합니다. 코딩일레븐님 강의 완강하고 도전해보겠습니다. 길을 잡아주셔서 너무 감사합니다.

1

코딩일레븐님의 프로필 이미지
코딩일레븐
지식공유자

three.js 사용 안 하셔도 비슷~하게 구현은 가능할 것 같아요. 입체감을 조금 포기하면요 ^^ 

세로 스크롤 값을 가로로 움직이게 하는게 포인트겠네요. 헛헛

도움이 되셨다니 다행입니다. 즐거운 하루 보내세요

(답변 해결로 바꿔주세요~)

1

코딩일레븐님의 프로필 이미지
코딩일레븐
지식공유자

three.js 로 제작했네요. 멋집니다. 하나 하나 뜯어보면 안 될 것도 없죠.

0. 모델링 및 이미지 맵핑, 그림자 효과 주기 (three.js)

1. 스크롤을 가로로 이동시키기 (three.js 카메라 이동)

2. 클릭시 줌 아웃 (사운드 재생)

3. 마우스 x 값에 조명 연결 (three.js light)

대략 크게 보면 이런 것들이 모여있는 것인데, 각 이미지가 입체적인 느낌으로
움직이는 게 멋지네요. 페이스북 3d 이미지 같은.
https://heropy.blog/2020/09/27/generate-3d-photo-by-pixijs/
저도 신기해서 저런 모션은 어떻게 구현하는지 궁금했거든요.

(강의 봐주셔서 감사드립니다 ^^)

0

BongSik Han님의 프로필 이미지
BongSik Han
질문자

오!!!!!!!!!!!!! 다음 강의도 곧 나오는군요!!! 대박!!!!!!!!!!!!!!!

너무 너무 감사합니다. 대한민국의 지식을 높여주시는 코딩일레븐님 너무 너무 기대됩니다~!!

0

BongSik Han님의 프로필 이미지
BongSik Han
질문자

너무 너무 감사합니다.

길을 잡아주셨습니다. 저도 개인적으로 한번 만들어볼 수 있는 희망이 생겼습니다.

너무 감사합니다!! 복 받으실 거에요~!!

BongSik Han님의 프로필 이미지
BongSik Han

작성한 질문수

질문하기