우리의 유익한 단계별 가이드를 통해 WeWeb 웹사이트를 위한 대화형 3D 모델 뷰어를 생성하는 방법을 알아보세요. 오늘 바로 귀하의 사이트 사용자 경험을 향상시키세요!
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
답변: 첫 번째 단계: WeWeb에 회원 가입하거나 로그인하기
가장 먼저 해야 할 일은 WeWeb 계정을 만드는 것입니다. 공식 웹사이트로 이동하여 가입하거나, 이미 계정이 있는 경우 로그인하세요. 이 과정은 매우 직관적이며 쉽게 이해할 수 있습니다.
두 번째 단계: WeWeb에서 새 웹사이트 만들기
계정이 설정된 후에는 새 웹사이트를 생성할 수 있습니다. 대시보드에서 '새 웹사이트 만들기'를 클릭하세요. 그런 다음 선호하는 템플릿을 선택합니다. 템플릿을 선택한 후 새 페이지 구성이 표시됩니다.
세 번째 단계: 편집기에 액세스하기
새 페이지 구성에서 '페이지 편집' 옵션을 찾아 클릭합니다. 그러면 텍스트, 이미지를 조작하고 페이지에 새로운 요소를 추가할 수 있는 WeWeb의 시각적 편집기로 이동하게 됩니다.
네 번째 단계: 3D 모델 컴포넌트로 이동하기
시각 편집기에서 화면 왼쪽에 위치한 '컴포넌트' 섹션으로 이동합니다. '3D 모델 뷰어' 컴포넌트를 찾을 때까지 아래로 스크롤하세요.
다섯 번째 단계: 웹사이트에 3D 모델 뷰어 추가하기
'3D 모델 뷰어' 컴포넌트를 찾았다면, 다음으로 할 일은 페이지에서 선호하는 위치로 컴포넌트를 클릭하고 드래그하는 것입니다.
여섯 번째 단계: 3D 모델 불러오기
페이지에 3D 모델 뷰어 컴포넌트를 추가한 후에는 3D 모델을 불러와야 합니다. 페이지의 3D 모델 뷰어 컴포넌트를 클릭하고, 오른쪽에 나타나는 설정 패널에서 '3D 모델 업로드'를 선택하세요. 이를 통해 장치에서 3D 모델을 선택하고 업로드할 수 있습니다.
WeWeb의 3D 모델 뷰어와 호환되려면 3D 모델은 .glb 또는 .gltf 형식이어야 함을 유의해 주세요.
일곱 번째 단계: 모델 설정 조정하기
3D 모델을 업로드한 후에는 선호도에 맞게 설정을 조정할 수 있습니다. 이 설정에는 모델 회전, 배경색, 그림자 세기 등이 포함됩니다. 설정은 오른쪽 사이드바의 '3D 뷰어 설정'에서 사용할 수 있습니다.
여덟 번째 단계: 변경 사항 저장하기
모든 조정 후에는 변동 사항을 저장하는 것이 중요합니다. 편집기 우측 상단에 '저장' 버튼이 있습니다. 진행 상황을 저장하기 위해 이 버튼을 클릭하세요.
아홉 번째 단계: 웹사이트 게시하기
웹사이트에 3D 모델이 어떻게 보이는지 만족스럽다면, 다음 단계는 사이트를 게시하는 것입니다. 대시보드 우측 상단에 '게시' 버튼을 찾아 클릭하세요. 대화형 3D 모델 뷰어가 있는 웹사이트가 곧바로 활성화 될 것입니다.
WeWeb 사이트에서 대화형 3D 모델 뷰어를 성공적으로 생성했습니다. 방문객들은 클릭하고 드래그하여 모델의 다른 부분을 볼 수 있어 더 몰입감 있는 경험을 제공합니다.
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.