JLake310/next-three-example-with-mouse-event

Three.js mouse event example with Next.js

next-three-example-with-mouse-event

Description

적당한 레퍼런스가 있어서, 가져와서 마우스 이벤트를 추가해보았습니다.

모델들이 모두 중앙에 위치하도록 모델을 새로 렌더링했습니다.

컴포넌트화 해뒀기 때문에 갖다쓰기 쉽습니다.

3/4 : 버튼 클릭 시 다른 모델들도 볼 수 있게 기능을 추가했습니다.

Demo

Demo on Webpage : https://next-three-example-with-mouse-event.vercel.app/

Usage

$ yarn
$ yarn dev

Reference

https://github.com/oslavdev/next-three-example

[3D models] Designed by 조유나