web前端培訓教程分享：Three.js基礎知識，學習Three.js需要先了解一下 OpenGL 和 WebGL。OpenGL 是一個跨平臺的3D/2D的繪圖標準(規范)，WebGL(Web Graphics Library)是一種3D繪圖協議。WebGL允許把JavaScript和OpenGL 結合在一起運用，但使用WebGL原生的API來寫3D程序非常的復雜，同時需要相對較多的數學知識對于前端開發者來說學習成本非常高。

　　WebGL

　　WebGL是一種Javascript的3D圖形接口，把JavaScript和OpenGL ES 2.0結合在一起。

　　OpenGL

　　OpenGL是開放式圖形標準，跨編程語言、跨平臺，Javascript、Java 、C、C++ 、 python 等都能支持OpenGL ，OpenGL的Javascript實現就是WebGL。OpenGL ES 2.0是OpenGL的子集，針對手機、游戲主機等嵌入式設備而設計。

　　Canvas

　　Canvas是HTML5的畫布元素，在使用Canvas時，需要用到Canvas的上下文，可以用2D上下文繪制二維的圖像，也可以使用3D上下文繪制三維的圖像，其中3D上下文就是指WebGL。

　　Three.js是什么?

　　官網：Javascript 3D library(JavaScript 3D 庫)。

　　Three.js是基于webGL的封裝的一個易于使用且輕量級的3D庫，Three.js對WebGL提供的接口進行了非常好的封裝，簡化了很多細節，大大降低了學習成本，極大地提高了性能，功能也非常強大。

　　用戶不需要詳細地學習 WebGL，就能輕松創作出三維圖形，是前端開發者研發3D繪圖的主要工具。

　　微信小游戲跳一跳也是在基于Three.js研發的，Threejs現在是獨領風騷。

　　簡言之：Three.js就是能夠實現3D效果的JS庫

　　OpenGL、WebGL、Canvas、Three.js四者關系

　　OpenGL：3D繪圖標準

　　WebGL：OpenGL + JavaScript

　　Canvas：WebGL + Canvas 2D

　　Three.js：一個基于WebGL封裝的庫

　　類似于：

　　ECMAscript：腳本語言規范

　　JavaScript：腳本語言

　　jQuery: 一個基于JavaScript封裝的庫

　　簡單一句話概括：WebGL和Three.js的關系，相當于JavaScript和jQuery的關系。

　　Three.js應用場景有哪些?

　　Web 3D游戲、3D物體模型展示、數據可視化、Web VR、其它特殊效果展示。

　　web前端培訓教程分享：Three.js基礎知識，以上就是詳細介紹了，如果您對web前端技術非常感興趣，可以來了解一下千鋒教育提供的web前端培訓課程，千鋒教育在全國20多所城市均設有教學基地，歡迎同學們前來咨詢了解。