Whitestorm.js로 3D 웹 앱 및 그래픽 제작
웹 게임 덕분에 먼 길을왔다 WebGL 과 관련 HTML5 API. 3D 용으로 가장 눈에 띄는 오픈 소스 라이브러리는 Three.js.
Three.js는 강력하지만 동시에 처음부터 배우는 복잡한. 대신, Whitestorm.js를 선택하십시오., 3D 웹 그래픽을 위해 만들어진 오픈 소스 프레임 워크. 그것 Three.js를 사용합니다. 브라우저에서보다 빠르게 빌드하고 사실적인 3D 효과를 만들 수있는 기반 기술.
Whitestorm은 자체 물리 엔진 Three.js 렌더링 위에 구축되었습니다. 이를 통해 실제 중력 및 기타 유사한 효과를 만들 수 있습니다. 상호 작용하고 서로 반응한다..
그리고 Whitestorm은 완전히 모듈화 된, 따라서 어떤 기능이 페이지에로드되는지 완전히 제어 할 수 있습니다. 그것은 Bullet Physics 라이브러리 자바 스크립트로 포팅 웹에서 전폭 지원.
다음은 코드의 기본 스 니펫입니다. 새로운 Three.js 환경을 만듭니다. Whitestorm 사용.
const app = new WHS.App ([new WHS.app.ElementModule (), // DOM에 새 WHS.app.SceneModule ()을 연결하고 // THREE.Scene 인스턴스를 만듭니다. new WHS.app.CameraModule (), // PerspectiveCamera 인스턴스를 새로 만듭니다. WHS.app.RenderingModule () // WebGLRenderer 인스턴스를 만듭니다.]); app.start (); // 애니메이션을 실행합니다.
너는 자연히 할 수있어. 자신의 모듈 추가하기 심지어 플러그인 / 구성 요소 만들기 기본 라이브러리에서 빌드. JS 코드 ECMAScript 6 지원 언어에 대한 모든 향후 변경 사항을 지원해야합니다..
기하학, 물리학, 과 운동 모두 하나의 라이브러리에 통합되었습니다. Whitestorm은 웹용 3D 애니메이션의 미래입니다..
찾을 수 있습니다. 많은 샘플 코드 함께 GitHub 레포에서 다운로드 링크 및 파일 탐색기. 도서관에 있다고 경고해라. 거대한 그래서 끝내야 할 것이 많습니다. 문서조차있다 긴 자습서 초보자를위한.
하지만 그 문서들로 모든 것을 배울 수 있습니다. 3D 변환 에 디버깅 및 상세한 3D 애니메이션.
자세한 내용을 보려면 기본 사이트를 방문하여 몇 가지 실제 예제를 탐색하십시오. Whitestorm의 실제 모습보기. 당신이 충분히 뛰어 들어 다이빙을한다면, 도서관 사본을 다운로드하십시오. GitHub에서 또는 npm 경유 달콤한 3D 웹 앱을 만들기 시작하십시오..