[팁] 블렌더 + Three.js 3D 자전거 웹페이지 만들기

블렌더에서 확인한 자전거 뒷바퀴와 체인 및 페달 모델

어설픈 AI슬롭 이미지를 구해서
Codex Astra로 모델링을 합니다.

자전거 블렌더 모델링을 위한 AI 튜토리얼 참고 이미지

[프롬프트 1]

살짝 어설픈 튜토리얼 이미지를 줄게
이번에는 자전거야.
블렌더로 모델링 부탁해
페달을 돌리면 바퀴가 회전해야 된다.

작업 시간 11분 30초
자전거 모델링을 Python 스크립트로 만듭니다.
Blender 모델이 완성되었는데
예상보다 훌륭해서 웹으로 돌려보고 싶어졌습니다.

블렌더에서 완성한 파란색 자전거 전체 모델

모델/재질/애니메이션 정보를 담은 GLB 파일을 만들어
웹서버에 올리고 three.js를 이용하면
브라우저에서 모델을 조작할 수 있습니다.

[프롬프트 2]

이 자전거를 three.js로 볼 수 있는 웹페이지를 만들어줘.
페달을 돌리면 체인과 바퀴도 함께 움직이게 해줘.
자전거 프레임 색상도 바꿔볼 수 있게 해줘.
낮, 밤 구현하고, 밤에는 가로등 켜지면 좋겠어.

작업 시간 11분. 웹페이지가 완성되었습니다.
마음에 듭니다.

낮 모드로 표시한 Three.js 자전거 웹페이지
가로등이 켜진 밤 모드의 Three.js 자전거 웹페이지

https://jvibeschool.org/3D/bike/

Bookmark the permalink.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다