Godzilla. 2018-11-19
網站建設
適用于網頁設計師的最佳3D JavaScript庫
現(xiàn)代Javascript非常強大。特別是在WebGL庫和SVG/Canvas元素的支持下。使用正確的工具，您可以為Web構建幾乎任何東西，包括基于瀏覽器的游戲和本機應用程序。許多最新的突破性功能都是在3D上運行的，在這篇文章中，我列出了目前可用于Web開發(fā)人員的最佳3D JS庫。
Three.js
毫無疑問，Three.js應該位列榜首。從頭開始學習可能有些復雜，但它也是更好的3D庫之一。它由一個核心組管理，并在GitHub上免費發(fā)布。ThreeJS主要用于canvas元素，SVG元素和用于渲染的WebGL庫。
學習繩索是一項挑戰(zhàn)，至少需要中級Javascript知識。但您可以在Three.js文檔中找到完整的設置。如果你真的想在網上做3D，那么這個庫就適合你。這不是唯一的選擇，但它可能是初學者開始快速構建東西的最受歡迎的選擇。
Babylon.js
我喜歡的另一個強大的庫是Babylon.js。這個再次依賴于WebGL并且僅在Javascript中運行。它比其他庫更受歡迎，但與Three.js的覆蓋范圍不同。
對于想要創(chuàng)建基于瀏覽器的網頁游戲的網站開發(fā)者來說，它仍然被廣泛認為是一個強大的選擇。在主頁上，您可以找到大量的演示預覽和如何開始3D游戲設計的技巧。
還有許多重要的資源鏈接，如GitHub repo和Babylon JS教程。所有這些教程都是由巴比倫團隊設計的，所以他們是開始學習這個圖書館的好地方。
Cannon.js
為了獲得一些與眾不同的東西，請訪問Cannon.js。這并不強加通常的3D概念，而是作為基于Javascript的游戲的物理引擎。
Cannon.js應該快速加載，以便您可以在頁面上快速渲染項目。它與大多數現(xiàn)代瀏覽器兼容，并附帶強大的API，可以從中構建您自己的物理創(chuàng)意。
它適用于Canvas元素和WebGL應用程序。唯一困難的部分是研究圖書館并克服初始學習曲線。看一下GitHub演示頁面，了解Cannon.js在瀏覽器中的樣子以及它為何如此優(yōu)秀。
CopperLicht
像CopperLicht這樣的名字你可能不知道會發(fā)生什么。但這是一個強大的3D Javascript渲染引擎，專為基于Web的JS游戲而構建。
同樣，它是100％開源的，可以免費用于任何項目。建立CopperLicht的公司確實有一些優(yōu)質的軟件和工具，但這些并不是學習CopperLicht庫所必需的。事實上，學習所有功能都很困難，因為它支持一系列3D功能，如陰影/燈光，特效和3D頁面元素交互。
教程頁面是最好的起點，如果你采取這種方式，愿意慢慢來。盡管獲得回報非常值得，但仍有一條陡峭的學習曲線可以讓CopperLicht得以實現(xiàn)。
Phoria.js
對于基于Web的移動和屏幕上的3D效果您可以嘗試Phoria.js。 它實際上是一個圖形庫，但Phoria植根于HTML5 canvas元素中的3D表示。
主站點運行了很多演示，是一個相當合理的庫來創(chuàng)建3D圖形。學習曲線并不太難，您可以在網站上找到許多可以復制/粘貼的代碼片段。
此外，您甚至不使用WebGL，因此您不必擔心該庫。雖然你將不得不處理畫布的元素，但這也僅僅意味著練習。
Scene.js
對于在WebGL中運行的內容，請訪問Scene.js。目前，在4.2版本中，這個巨大的開源庫允許您為任何現(xiàn)代瀏覽器表示3D元素。
它得到了大型開發(fā)團隊的支持，并且經過多年的重要更新，使其成為您可以使用的最佳3D渲染腳本之一。 但是，這被稱為顯示庫，因此它不僅僅用于渲染基本圖形。相反，這可以用于更復雜的任務，例如從不同角度設計多個對象視圖，甚至創(chuàng)建3D游戲的基本圖形。
D3.js
在瀏覽網頁時，您經常會發(fā)現(xiàn)依賴于3D效果的圖形和圖形。其中許多都在D3.js中運行，這是一個強大的Javascript庫來表示3D數據。
它也是一個完全免費的開源項目，有一個非常有用的GitHub頁面。目標是在HTML中使用SVG元素和畫布來創(chuàng)建動態(tài)數據，這些數據可以動態(tài)顯示，旋轉并最終直觀地顯示信息。
LightGL.js
我沒有在網上看到很多關于LightGL.js的內容，但它是瀏覽器中3D渲染的絕佳選擇。
這個免費的開源庫在WebGL框架下運行，是您可以使用的最快，最輕的庫。它的工作級別低于大多數抽象庫，因此需要更好地理解Javascript。
大多數開發(fā)人員只想要簡單，所以在水冷卻器周圍分享它的人數可能會減少。但是，如果您對使用Javascript感到滿意，LightGL將為您提供更多的代碼庫控制。
Seen.js
由于完全缺乏依賴關系，我必須在此列表中包含Seen.js。同樣，它在HTML5 canvas元素上運行，但它可以在沒有任何其他必需庫的vanilla Javascript中運行。
它對所有開發(fā)人員完全免費，并且可以在Apache 2.0許可下自由定制?？紤]到它們僅使用Javascript構建，一些演示非常瘋狂。
任何愿意突破基本3D可視化界限的人都可以看看Seen.js。它可能沒有像Three.js這樣的大型追隨者，但它是一個很好的畫布/SVG替代品，不會嚴重依賴WebGL。
文章標簽：
JavaScript 網頁設計師
文章評論：