Primrose 및 WebVR로 VR에서 가상 현실을 구축하십시오

올해 Virtual Reality (VR)는 VR 헤드셋이 선반에서 날아가는 인기가 급증하고 있습니다. 개발 플랫폼은 열정적 인 개발자의 증가하는 수요를 충족시키기 위해 VR 개발에 점점 더 집중하고 있습니다. Unity와 Unreal Engine의 특히 흥미로운 개발은 VR 환경 자체 내에서 VR 장면을 편집 할 수 있다는 것입니다. WebVR 및 JavaScript 개발자의 경우 프로토 타이핑 및 실험을위한 유사한 기능을 제공하는 새로운 프레임 워크가 등장하고 있습니다. Primrose.

앵초의 주요 특징 :

Primrose는 VR 장면을 VR 장면을 편집 할 수있는 프레임 워크로 VR 개발에 대한 관심이 높아지는 것을 직접 해결합니다. VR 컨텍스트 내에서 빠른 프로토 타이핑 및 시각적 반복을 용이하게합니다. Primrose를 사용하려면 개발자는 WebVR 지원 (최근 Chromium WebVR 빌드 또는 Firefox Nightly), Oculus Rift 또는 Google Cardboard 헤드셋 (헤드셋 없이는 브라우저 기반 실험이 가능함)을 갖춘 WebGL 지원 브라우저가 필요합니다. 웹 서버 (Wamp/Mamp/Node/Python과 같은 로컬 서버) 및 Touch-Typing 기술. primrose는 라이브 코딩을 특징으로하며, VR 환경 내에서 또는 헤드셋없이 브라우저에서 직접 실시간 코드 편집을 허용합니다. > 개발자는 축, 포인트 구름, 허브, 조명, 상자 및 실린더를 포함하여 앵초에 다양한 장면 요소를 추가 할 수 있습니다. 이들은 파일을 통해 또는 VR 편집기 내에서 직접 추가 할 수 있습니다. 아직 초기 단계이지만 Primrose는 미래의 VR 응용 프로그램에 대한 엄청난 잠재력을 보여줍니다. 지역 사회 기여는 그 성장을 가속화하도록 권장된다

앵초 란 무엇입니까?

• 공식 웹 사이트에 언급 된 바와 같이, Primrose는 WebVR 애플리케이션 내에서 생산성 도구를 구축하기위한 크로스 브라우저, 다중 장치 프레임 워크입니다. 개발자가 VR 개념을 실험하고 시각화 할 수있는 브라우저 기반 환경을 제공합니다. 오픈 소스이며 적극적으로 개발 중입니다 시스템 요구 사항 :
Primrose와 함께 Webvr 여행을 시작하려면 다음과 같이 필요합니다
• WebVR 지원 기능이있는 WebGL 지원 브라우저 (예 : 최근 Chromium WebVR 빌드 또는 Firefox Nightly). AN OCULUS RIFT, HTC VIVE 또는 Google Cardboard 헤드셋 (브라우저 기반 작업의 선택 사항). 웹 서버 (WAMP, MAMP, Node.js 또는 Python과 같은 로컬 서버). 터치-타자 능력.
• 시작하기 :
완전 작동하는 라이브 코딩 데모는 Primrose 웹 사이트에서 제공됩니다 (WebGL 가능 브라우저를 사용해야합니다). 로컬 사본의 경우 Primrose Github 저장소의 최신 버전 및 예제를 다운로드하거나 복제하십시오. 단순화 된 버전 :
• 프랑스 데모를 기반으로하지만 더 쉬운 설명을 위해 기능이 감소한 단순화 된 라이브 코딩 데모는 별도의 GitHub 리포지토리에서 사용할 수 있습니다 [GitHub Repo 링크는 여기에 갈 것입니다]. app.js

  단순화 된 버전 실행 : 단순화 된 데모를 웹 서버에 배치하여 WebGL 가능 브라우저 (예 : )에서 열어줍니다. 리소스 액세스에 대한 브라우저 보안 제한으로 인해 파일 시스템에서 직접 실행되지 않습니다. 예제 스크린 샷 (실제 이미지로 바꾸기) :

  http://localhost/primrose 앵초의 작동 방식 :

  앵초 응용 프로그램의 핵심은 텍스처를 정의하고 앵초 앱을 초기화하는 것과 관련이 있습니다. 편집기 영역은 :

  를 사용하여 정의됩니다

  요소는 이벤트 리스너 : 내에 추가됩니다

  primrose는 텍스트 편집 기능에

  의 객체를 사용합니다. 이벤트는 장면 업데이트 및 애니메이션을 처리합니다. , 등과 같은 기타 이벤트, 사용자 상호 작용을 관리합니다 (코드 예제 및 , ,

  , , 및 기타의 설명을 포함하여 나머지 "작동 방식"섹션 함수는 여기에 포함되어 동일한 구조를 유지하고 원본 텍스트를 역설적으로 포함합니다.)

  <code class="language-javascript">var BRICK = "images/brick.png",
      GROUND = "images/deck.png",
      SKY = "images/bg2.jpg",
      app = new Primrose.BrowserEnvironment("Our Simplified 3D Editor", {
        skyTexture: SKY,
        groundTexture: GROUND
      });</code>

  ( "결론", "자주 묻는 질문"및 각각의 답변도 여기에 포함되어 동일한 구조를 유지하고 원본 텍스트를 역설하는 것도 포함됩니다.)

  자리 표시 자 이미지 링크를 실제 이미지 URL

위 내용은 Primrose 및 WebVR로 VR에서 가상 현실을 구축하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!