UML 다이어그램을 3D로 모델링하기위한 웹 기반 응용 프로그램을 만들고 싶습니다. 나는이 같은 것을 의미합니다 3D UML. JavaScript (또는 TypeScript 등)와 CSS3 및 HTML5를 사용할 수 있습니다. 그러나 나는 아직도 JS 라이브러리를 사용해야하는지 모른다. 예를 들어 "threejs"와 "away3d"를 찾았습니다. 내 목적에 맞는 적절한 라이브러리를 알고 있습니까? 감사합니다.JavaScript/TypeScript의 3D UML 모델링
분명히 CSS3 3D 변환에 대해 알고 있습니다. CSS3 만 사용하면 약간의 어려움이있을 수 있지만 CSS3 변환은 중재와 함께 사용되기 때문에 3D로 여러 요소를 과장하지 않으면 매우 유용합니다.
threejs는 HTML5 Canvas 및 WebGL과 함께 사용하기위한 것입니다. WebGL이 3D로 복잡한 작업을 수행하는 데 매우 강력한 WebGL을 사용하려는 경우 WebGL에 변형 행렬에 대한 기본 연산이 없기 때문에 3JS가 좋은 선택입니다.
하지만 CSS3 3D 변형을 원한다면, 좋은 생각이라고 생각합니다. 자바 스크립트에서 CSS 선언을 혼합하지 말고, HTML, CSS, JavaScript 등을 혼합하는 나쁜 습관입니다. 클래스 HTML (귀하의 응용 프로그램에서 클래스가 될 수 있음) dinamically. 이 클래스에서는 스크립트에서 요소의 .style 속성을 변경하는 대신 전환, 변형 등으로 CSS 선언을 수행합니다.
도움이 될지 모르겠습니다.
Css3d 렌더러는 모든 CSS3 속성을 적용 할 수 있으며, 당신은 내가했다 CSS3d Periodic table
주기율표의 자신의 데모 모든 Css3d 변환 일어나는 모습을 볼 수있는 개발자 도구에서 마크 업 언어를 얻을 유용 할 수 있습니다 CSS3 변환에 대해 생각하고 있지만, 하드웨어가 가속화되었는지 확신 할 수 없습니다. 그리고 CSS3 변환이 나에게 더 나은 선택이라고 생각하는 이유는 무엇입니까? – mspiderv
웹 기반 응용 프로그램 용 3D UI를 원한다면 좋은 선택이라고 생각합니다. 일련의 3D 요소가있는 인터페이스로 사용할 수 있습니다. 물론 완전 3D 시나리오에서는 WebGL을 사용하십시오. 브라우저는 일반적으로 CSS3 변환에서 큰 성능을 나타내지 만 하지만 내 생각에는 정확히 무엇을하고 싶은지 잘 모르겠습니다. –
UI가 아닌 UML 다이어그램을 만들어서 WebGL을 사용해야한다고 생각합니다. 그러나 어떤 도서관? Babylon.js는 좋아 보이지만 Three.js도 좋습니다. 나는 무엇을 골라야할지 모른다. – mspiderv