존경하는 코딩일레븐님 이런 것도 가능하신가요?
코딩일레븐님 강의 너무 감사합니다.
많은 것들을 배우고 성장하고 있습니다.
혹시 https://marmont.gucci.com/
사이트와 같은 것도 구현 가능하신가요?
The Dawn Wall 과 비슷하게 구현방식이라 생각이 됩니다.
답변 6
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
오!!!!!!!!!!!!! 다음 강의도 곧 나오는군요!!! 대박!!!!!!!!!!!!!!!
너무 너무 감사합니다. 대한민국의 지식을 높여주시는 코딩일레븐님 너무 너무 기대됩니다~!!
mouse position interpolation과 transition linear interpolation의 차이
0
72
1
mousemove 시 따라 다니는 커서 이미지 wheel 할 경우
0
180
2
부드러운 움직임 구현1 강의 부분 질문있습니다.
0
147
2
go live 실시간 크롬
0
323
1
javascript 도움말 vsCode 확장팩 문의!
0
363
1
블로그 상단 페럴렉스 효과 구현 질문 있습니다!
0
356
1
마우스 인터렉티브 변형 질문
0
339
1
안녕하세요. 수업 잘 듣고 있습니다. 포트폴리오 관련 질문도 가능할까요?
0
398
1
나비가 버튼위로올라가면 버튼의 hover기능이 멈춰버려요
0
345
1
perspective에 대해서
0
285
1
CSS에서 궁금했던 부분 -실전 페럴렉스 강의 부분
0
480
1
requestAnimationFrame 질문
0
363
1
리뉴얼 이전 강의 파일
0
442
1
코드가 미리보기로 보여주는 확장프로그램이 뭔가요?
0
748
1
수업 파일 부탁드립니다~
0
324
1
배경질문
0
354
1
textWrap의 position을 relative로 주는 것에 대해 질문있습니다!
0
289
1
safari에서 position fixed가 잘 동작하지 않습니다
0
981
1
addEventListener후에 익명함수 실행할때 뒤에 false는 어떤 역할을 하는건가요?
0
556
1
스피드 변수로 scrollTop을 두는 이유가 무엇인가요?
0
363
1
완성파일 어디서 받아볼 수 있나요 ?
0
433
1
완성 파일 요청 드립니다.
0
301
1
사진들이 상단 nav바를 침범하는데 침범 못하게 어떻게해야할까요?
0
153
1
리액트로 하면 어떻게 해야할지 작성해주실수있나요?
0
367
1





