首部全麵講解Three.js開發的實用指南,循序漸進講解Three.js的各種功能,通過大量交互示例,深入探索使用開源的Three.js庫創建絢麗三維圖形的實用方法和技巧。
在過去的兩年裏,瀏覽器變得更加強大瞭,而且能夠作為平颱來運行復雜的應用和圖形。但大部分的圖形都是二維的。現在大部分的瀏覽器已經實現瞭WebGL,它們不僅可以創建二維圖形和應用,還可以充分利用GPU,創建漂亮的、高性能的三維應用。
直接使用WebGL編程非常復雜。你需要瞭解WebGL的內部細節,學習復雜的著色器語法,纔能用好WebGL。Three.js庫提供瞭一套基於WebGL的、非常易用的JavaScript API,這樣你不必學習WebGL的細節就可以創建漂亮的三維圖形。
Three.js庫提供瞭大量功能和API,你可以通過它們直接在瀏覽器中創建三維場景。本書提供瞭大量的交互式示例和代碼,從中你可以學習到Three.js提供的所有API。
本書內容
第1章講述使用Three.js庫的基本步驟。到這章結束的時候,你就可以創建齣第一個Three.js場景。你可以直接在瀏覽器中創建三維場景,並製作動畫。
第2章將會講解Three.js庫使用過程中你所需要理解的基礎組件。你將會學習使用光源、網格、幾何體、材質和相機。通過這章你會對Three.js庫提供的各種光源及場景中使用的相機有一個大體的瞭解。
第3章進一步講解場景中的各種光源。該章會展示幾個例子,並解釋如何使用各種光源,該章所介紹的光源包括:SpotLight、DirectionLight、AmbientLight、PointLight、HemisphereLight,以及AreaLight。另外,該章還展示如何在光源中應用LensFlare效果。
第4章討論Three.js庫中可以用於網格的各種材質。這一章將會展示所有可以在材質中設置的屬性,每種屬性都有其特定的用途。並且這章還提供交互式的例子,通過它們你可以試驗Three.js庫中各種可用的材質。
第5章開始探討Three.js庫中的各種幾何體。在這一章裏你會學習如何創建、設置Three.js裏的幾何體,而且你還可以通過交互式的示例來試驗,該章介紹的幾何體包括:平麵、圓、自定義形狀、方塊、球體、圓柱體、圓環、環麵紐結和多麵體。
第6章繼續第5章未講完的內容,展示如何設置、使用Three.js庫中的高級幾何體,例如凸麵體和掃描體。該章將會介紹如何從二維幾何體中拉齣三維幾何體,以及如何使用二元運算將幾何體組閤起來。
第7章講解如何使用Three.js庫中的粒子係統。你將會學習如何從零開始創建粒子係統,以及如何基於已有的幾何體創建粒子係統。你還會學習如何使用精靈和粒子材質來改變粒子的外觀。
第8章展示如何從外部源導入網格和幾何體。你將會學習如何使用Three.js庫的JSON格式來存儲幾何體和場景。這一章還解釋瞭如何從OBJ、DAE、STL、CTM和PLY格式的文件中加載模型。
第9章探討各種動畫效果,使場景活動起來。你將會學習如何結閤Tween.js庫使用Three.js,以及基於變形和骨骼的動畫效果。
第10章進一步展開討論第4章引入的材質。這一章會深入講解材質的細節。該章介紹瞭各種可用的材質,以及應用到網格上時如何控製材質。另外,在這一章你還會看到如何將HTML5視頻的輸齣和HTML5畫布中的元素作為紋理。
第11章探討如何使用Three.js庫來對已經渲染過的場景進行後期處理。通過後期處理,你可以對已經渲染過的場景應用某些特效,如模糊、移軸、陳舊。另外,你還會學習如何創建自定義的後期處理效果,以及創建自定義頂點和片段著色器。
第12章講解如何在Three.js的場景中添加物理效果。有瞭物理效果後,你就可以檢測物體之間的碰撞,使它們能夠對重力産生反應,並産生摩擦。這一章將會展示如何使用JavaScript的物理庫來達到上述效果。
閱讀之前的準備
閱讀本書你要準備的隻是一個文本編輯器(例如Sublime文本編輯器),用來編輯示例,以及一個現代的瀏覽器,用來顯示這些示例。有些示例需要一個本地的Web服務器,但是在第1章,你將會學習如何搭建一個非常輕量的Web服務器來使用本書中的示例。
在我們開始之前,先對書中示例可能齣現的問題簡單提一下。第1章大緻介紹瞭一下支持WebGL的瀏覽器,這是運行Three.js所必需的。現在的瀏覽器,諸如Chrome、Firefox和Internet Explorer可以很好地支持HTML5 標準。但是仍然有一些細節要注意。當瀏覽器有新的版本時,它們有可能會不支持WebGL的某些特性。例如,在本書完成的時候,Windows 7上的Chrome和Firefox在運行第11章的例子時會有問題。所以在嘗試這些示例時,請確保升級到最新版的Chrome和Firefox。
發表於2024-11-24
Three.js開發指南 2024 pdf epub mobi 電子書 下載
圖書標籤: three.js webgl JavaScript 3d web3D 前端 WebGL js
霧化和炫光效果好漂亮,粒子係統酷炸瞭,加上PhysiJS就可以開發3D遊戲瞭(一臉花癡樣
評分還是看文檔係列
評分霧化和炫光效果好漂亮,粒子係統酷炸瞭,加上PhysiJS就可以開發3D遊戲瞭(一臉花癡樣
評分還可以,基本上的東西都講瞭,入門可以。可惜threejs在手機上性能還是太差瞭。
評分用於開發三維地圖
Three.js開發指南 2024 pdf epub mobi 電子書 下載