2016-09-23 41 views
1

我想創建一個基於Web的應用程序,用於在3D中建模UML圖。我的意思是這樣的3D UML。我可以使用JavaScript(或TypeScript或類似的東西)和CSS3和HTML5。但我仍然不知道應該使用什麼JS庫。我找到了例如「threejs」和「away3d」。你知道一些適合我的目的的圖書館嗎?謝謝JavaScript/TypeScript中的3D UML建模

回答

0

顯然你知道關於CSS3 3D變換。僅使用CSS3對於您的目的可能會有點難度,但如果您不在3D中誇大幾個元素,那麼這樣做是非常可行的,因爲CSS3變換旨在用於審覈。這些三js旨在與HTML5 Canvas和WebGL一起使用。如果你想要使用WebGL,這是非常強大的功能來完成3D複雜的事情,而不是更簡單的CSS3 3D變換,我認爲threejs是一個不錯的選擇,因爲WebGL沒有在變換矩陣上進行本地操作。

但是,如果你想要CSS3 3D變換,我認爲這對你來說是一個好主意,請記住:避免在JavaScript中混合使用CSS聲明,這是一種混合HTML,CSS,JavaScript等不良做法。您可以更改元素HTML(可以是應用程序中的類)的類。在這些類中,您將執行CSS聲明,包括轉換,轉換等,而不是更改腳本上元素的.style屬性。

我不知道這是否會對您有所幫助。

+0

我的演示所有Css3d改造發生的樣子有用思考CSS3轉換,但林不知道它的硬件加速。爲什麼你認爲CSS3轉換對我來說是更好的選擇? – mspiderv

+0

我認爲如果你想在3D中爲基於網絡的應用程序做一個UI是一個不錯的選擇。任何具有一組3D元素的接口都可以使用它。當然,在完全3D場景中,使用WebGL。 瀏覽器通常在CSS3變換中有很好的性能, 但這只是我的看法,我不知道你到底想做什麼。 –

+0

我想創建UML圖,不只是UI,所以我想我應該使用WebGL。但是什麼庫? Babylon.js看起來不錯,但Three.js也是。我不知道該選什麼。 – mspiderv

1
在Threejs

Css3d渲染器可能是你可以應用所有的CSS3屬性,你也讓你的開發者工具的標記語言,你可以看到他們的元素週期表 CSS3d Periodic table