WeWeb를 사용하여 웹사이트에서 증강 현실 경험을 만드는 방법은 무엇인가요?

1단계: WeWeb 공식 웹사이트 방문

브라우저를 통해 WeWeb 웹사이트에 접속하세요. 그 다음 화면 오른쪽 상단으로 커서를 이동하여 "무료 시작" 버튼을 찾아 클릭하세요. 다음 화면에서는 회원 가입을 요청할 것입니다. 아직 WeWeb 계정이 없다면, 이 기회에 새 계정을 만들거나 돌아온 경우 로그인하십시오.

2단계: 대시보드 입력

성공적으로 로그인한 후 WeWeb 대시보드에 있을 것입니다. 이곳이 웹사이트 프로젝트를 만들고 관리하는 무대입니다. 대시보드는 명확하고 직관적으로 이해하기 쉽게 구성되어 있어 필요한 것을 찾는 데 빠르게 알아볼 수 있습니다.

3단계: 새 프로젝트 생성

새로운 증강 현실(AR) 프로젝트를 생성하려면 "새 프로젝트 생성" 버튼을 클릭하세요. 이 버튼은 대시보드 중앙에 뚜렷하게 표시됩니다. 시스템은 새 프로젝트에 이름을 부여하도록 요청할 것입니다. 제공된 필드에서 이름을 입력하세요. 한 번 매력적이고 설명력 있는 프로젝트 이름을 생각해 냈으면 ‘생성’을 클릭하세요.

4단계: 웹사이트 테마 선택

AR 경험을 만드는 데는 웹사이트가 필요하고, 웹사이트에는 테마가 필요합니다. 프로젝트를 생성한 후, WeWeb은 사전 제작된 웹사이트 테마 갤러리를 표시할 것입니다. 이 갤러리에서 프로젝트에 적합한 테마를 선택하십시오. WeWeb 테마는 디자인 요소와 내용이 모두 포함되어 있어 사용자의 내용으로 대체할 수 있습니다.

5단계: 개발자 모드로 전환

WeWeb은 시각 편집기와 개발자 모드를 제공합니다. 증강 현실 경험을 만드는 데는 고급 작업이 필요하므로 개발자 모드로 전환해야 합니다. 이를 위해 대시보드 오른쪽 상단에 있는 "Mode" 옵션을 클릭하고 "개발자"를 선택하십시오.

6단계: AR.js 통합

개발자 모드로 전환한 후, 이제 AR.js를 통합할 수 있습니다. 이는 AR을 위한 간소화된 자바스크립트 API입니다. 이 작업을 수행하려면 대시보드 왼쪽에서 "코드" 아이콘을 클릭하고 "정적 파일"을 클릭하세요. 그 다음 AR.js 파일을 드래그 앤 드롭하여 업로드하십시오.

7단계: HTML 마크업 및 스크립팅

여전히 개발자 모드에서 HTML 및 JS 구성 요소를 클릭하세요. HTML을 업데이트하고 AR.js가 AR 경험을 만드는 데 사용할 3D 모델을 추가해 주십시오. 해당 AR.js 스크립트를 추가해야 한다는 것을 기억하세요. 스크립트는 이전에 업로드한 AR 파일을 참조해야 합니다.

8단계: 증강 현실 경험 테스트

AR을 장소에 배치하면 시각 모드로 다시 전환하여 웹사이트 미리보기에서 결과를 확인할 수 있습니다. 이가 원하는 대로 보이고 기능한다면, 성공적으로 WeWeb 사이트에 AR 경험을 추가한 것입니다.

9단계: 웹사이트 게시

오른쪽 상단의 "발행"을 클릭하여 AR 경험을 갖춘 웹사이트를 전 세계와 공유하세요. 모든 기능이 올바르게 작동하는지 확인하기 위해 게시하기 전에 사이트를 검토하고 싶을 수도 있습니다.

10단계: 모바일 기기에서 테스트

AR 경험은 주로 모바일 기기를 위한 것입니다. 따라서 모바일 기기에서 사이트에 접속하고 새로운 AR 경험을 확인하세요. 이 검사 과정에서 발생한 오류는 웹사이트 링크를 다른 사람과 공유하기 전에 수정해야 합니다.

WeWeb은 증강 현실과 같은 대화식 기능을 갖춘 매력적인 웹사이트를 만드는 강력한 도구입니다. 이 단계별 가이드를 통해 웹 페이지에서 흥미롭게 만든 AR 경험을 시작할 수 있습니다.