Astra로 3D 모델링부터 Three.js 웹사이트까지 만들어봤습니다 - GPT-6 Astra
지금 보고 있는 영상
Astra로 3D 모델링부터 Three.js 웹사이트까지 만들어봤습니다 - GPT-6 Astra
조회수 38,560
영상 설명 · 눌러서 펼치기
Astra를 활용해 Blender 3D 모델링부터 Three.js 기반의 인터랙티브 웹사이트 구현까지 어디까지 가능한지 직접 테스트해봅니다.
시계 모델링, 스크롤·틸트 인터랙션, 반응형 모바일 처리와 최적화까지 단계별로 맡겨보고, 실제 결과물의 퀄리티와 한계도 함께 살펴봅니다.
사이트 보기 : https://royal-oak-light-study.dsef.chatgpt.site/
🕐 타임스탬프
00:00 Astra, 실제 작업은 어디까지 가능할까?
00:27 3D 시계와 인터랙티브 웹사이트 만들기
01:22 Blender MCP 연결과 모델링 시작
01:49 3D 모델링 결과와 단계별 개선
03:09 Three.js 웹사이트 구현하기
04:03 스크롤·틸트 인터랙션 결과 확인
04:58 모바일 반응형 화면 테스트
06:10 레퍼런스와 비교한 AI의 한계
06:49 실제 사용해본 Astra의 장단점
07:53 배포 링크와 예제 파일 안내
🚀 멤버십 가입 : https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🚀 예제 파일, 코드와 사용한 프롬프트는 멤버십 회원 전용 커뮤니티에서 제공됩니다.
🔥 디자인베이스 웹사이트 : https://designbase.co.kr/
🔥 인스타그램 : https://www.instagram.com/designbasekorea/
🔥 이메일 문의 : [email protected]
🔥 카카오 오픈채팅방 : https://open.kakao.com/o/gmwngljb (참여코드 : dgoing12)
#Astra #Threejs #AI개발
시계 모델링, 스크롤·틸트 인터랙션, 반응형 모바일 처리와 최적화까지 단계별로 맡겨보고, 실제 결과물의 퀄리티와 한계도 함께 살펴봅니다.
사이트 보기 : https://royal-oak-light-study.dsef.chatgpt.site/
🕐 타임스탬프
00:00 Astra, 실제 작업은 어디까지 가능할까?
00:27 3D 시계와 인터랙티브 웹사이트 만들기
01:22 Blender MCP 연결과 모델링 시작
01:49 3D 모델링 결과와 단계별 개선
03:09 Three.js 웹사이트 구현하기
04:03 스크롤·틸트 인터랙션 결과 확인
04:58 모바일 반응형 화면 테스트
06:10 레퍼런스와 비교한 AI의 한계
06:49 실제 사용해본 Astra의 장단점
07:53 배포 링크와 예제 파일 안내
🚀 멤버십 가입 : https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🚀 예제 파일, 코드와 사용한 프롬프트는 멤버십 회원 전용 커뮤니티에서 제공됩니다.
🔥 디자인베이스 웹사이트 : https://designbase.co.kr/
🔥 인스타그램 : https://www.instagram.com/designbasekorea/
🔥 이메일 문의 : [email protected]
🔥 카카오 오픈채팅방 : https://open.kakao.com/o/gmwngljb (참여코드 : dgoing12)
#Astra #Threejs #AI개발
디자인베이스 다른 영상
Figma Component Properties 사용법 | Variant·Boolean·Instance Swap까지 - 피그마 강좌 2-10
조회수 2,772
Figma Component 사용법 | Instance와 중첩 컴포넌트 이해하기 - 피그마 강좌 2-9
조회수 1,767
Figma Styles 사용법 | 텍스트·컬러·이펙트를 한 번에 관리하기 - 피그마 강좌 2-8
조회수 2,529
Figma Constraints 사용법 | 화면 크기가 바뀌어도 레이아웃 유지하기 - 피그마 강좌 2-7
조회수 2,049
Figma Auto Layout 사용법 | 반응형 UI 만드는 핵심 기능 - 피그마 강좌 2-6
조회수 1,851
Figma 그리드 사용법 | 반응형 레이아웃 가이드 만들기 - 피그마 강좌 2-5
조회수 2,452
피그마 아이콘 만들기 | Boolean·Pen Tool로 직접 제작하기 - 피그마 강좌 2-4
조회수 1,765
Figma 이펙트 사용법 | Shadow·Blur·Glass·Shader 한 번에 이해하기 - 피그마 강좌 2-3
조회수 1,590