基于CSS3的3D圖形引擎：DivSugar

jopen 11年前發布 | 65K 次閱讀 DivSugar 3D圖形處理庫

DivSugar是一個基于CSS3的3D圖形引擎。它提供了一個3D場景圖形，一個動畫系統，和幾何類。場景圖的節點是一個擴展的div元素，所以它使得整合三維動畫到現有網站上的網頁變得很容易，適合制作休閑游戲，或復雜的3D報表。

Divsugar依靠CSS進行3D變換，可以運行在Safari，Chrome和Firefox。

DivSugar提供以下功能：

- 通過使用CSS3實現的3D場景圖
- 2種類型的動畫機制（基于幀和基于時間線）
- 3D幾何類，其中包括向量，矩陣和四元數
- 鍵盤/鼠標輸入處理
var scn = new DivSugar.Scene()
  .setSize(800, 600)
  .setImage('#000080')
  .appendTo(document.body);

var node = new DivSugar.Node()
  .setSize(300, 300)
  .setPosition(10, 20, 30)
  .setImage('image.jpg')
  .appendTo(scn);

項目主頁：http://www.baiduhome.net/lib/view/home/1370268886945

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！