Zdog 1.0 推出,一個使用 Canvas 和 SVG 的 Web 偽 3D 引擎

JavaScript 程式庫版本可用 茲狗1.0,它實作了一個基於 Canvas 和 SVG 向量基元模擬三維物件的 3D 引擎,即透過實際繪製平面形狀來實現三維幾何空間。 專案程式碼 是開放的 根據麻省理工學院的許可。 該庫只有 2100 行程式碼,在不縮小的情況下佔用 28 KB,但同時它允許您創建令人印象深刻的對象,這些對像在本質上接近插畫家的工作結果。

該專案的目標是提供工具,使您能夠像處理向量插圖一樣輕鬆地處理 3D 物件。 引擎的靈感來自於一款古老的電腦遊戲 狗茲,其中基於精靈圖形的平面 3D 形狀用於建立 XNUMXD 環境。

Zdog 1.0 推出,一個使用 Canvas 和 SVG 的 Web 偽 3D 引擎

Zdog 中的 3D 物件模型是使用簡單的聲明性 API 產生的,並透過捕捉和分組進行排列 簡單的形狀,例如矩形、圓形、三角形、線段、圓弧、多邊形和曲線。 Zdog 使用圓形形狀,沒有明顯的多邊形不規則形狀。 簡單的形狀被渲染成更複雜的 XNUMXD 表示,例如球體、圓柱體和立方體。 此外,從開發者的角度來看,球體被定義為點,圓環被定義為圓,膠囊被定義為粗線。

物件的組成元素在處理時考慮了它們的相對位置並透過不可見的錨點固定在一起。 所有動態屬性(例如變換、旋轉和縮放)都是使用 Vector 物件指定的向量操作。 要素支援多邊形網格。

來源: opennet.ru

添加評論