Learning Three.js: The JavaScript 3D Library for WebGL, 2/e(Paperback)

Jos Dirksen

買這商品的人也買了...

商品描述

Create stunning 3D graphics in your browser using the Three.js JavaScript library

About This Book

  • Enhance your 3D graphics with light sources, shadows, advanced materials, and textures
  • Load models from external sources, and visualize and animate them directly from JavaScript
  • Each subject is explained using extensive examples that you can use directly and adapt for your own purposes

Who This Book Is For

If you know JavaScript and want to start creating 3D graphics that run in any browser, this book is a great choice for you. You don't need to know anything about math or WebGL; all that you need is general knowledge of JavaScript and HTML.

What You Will Learn

  • Use the different geometries that are provided by Three.js
  • Apply realistic lighting and shadows to the 3D objects you have created
  • Use the different camera controls provided by Three.js to effortlessly navigate around your 3D scene
  • Make use of advanced textures on materials to create realistic-looking 3D objects by using bump maps, normal maps, specular maps, and light maps
  • Import and animate models from external formats, such as OBJ, STL, Collada, and many more
  • Create and run animations using morph targets and bone animations
  • Explore the Physijs JavaScript library to apply physics to your 3D objects
  • Interact directly with WebGL by creating custom vertex and fragment shaders

In Detail

Modern browsers support WebGL, which makes it possible to create 3D graphics in a browser without having to use plugins such as Flash and Java. Programming WebGL, however, is difficult, complex, and very difficult to debug. With Three.js, it is possible to create stunning 3D graphics in an intuitive manner using JavaScript, without the need to know the details of WebGL.

Learning Three.js – the JavaScript 3D Library for WebGL, Second Edition, is a practical, example-rich book that will help you learn about all the features of Three.js. This book will show you how to create or load models from externally created models and realistic-looking 3D objects using materials and textures. You'll also learn how to use the HTML5 video and canvas elements as a material for your 3D objects, different ways of animating your models, skeleton-based animation, and how to add physics such as gravity and collision detection to your scene. By the end of the book, you'll know everything that is required to create 3D animated graphics that run in any browser using Three.js.

商品描述(中文翻譯)

使用Three.js JavaScript函式庫在瀏覽器中創建令人驚豔的3D圖形

關於本書
- 透過光源、陰影、高級材質和紋理來增強您的3D圖形
- 從外部來源載入模型,並直接從JavaScript中視覺化和動畫化它們
- 每個主題都使用豐富的示例來解釋,您可以直接使用並適應到自己的目的中

本書適合對JavaScript有一定了解並希望開始在任何瀏覽器中創建3D圖形的讀者。您不需要了解數學或WebGL的任何知識,只需要對JavaScript和HTML有一般的了解。

您將學到什麼
- 使用Three.js提供的不同幾何形狀
- 將逼真的照明和陰影應用於您創建的3D物體
- 使用Three.js提供的不同相機控制輕鬆瀏覽您的3D場景
- 通過使用凹凸貼圖、法線貼圖、高光貼圖和光照貼圖在材質上使用高級紋理,創建逼真的3D物體
- 從OBJ、STL、Collada等外部格式導入和動畫化模型
- 使用形狀目標和骨骼動畫創建和運行動畫
- 探索Physijs JavaScript函式庫,將物理應用於您的3D物體
- 通過創建自定義頂點和片段着色器直接與WebGL互動

詳細內容
現代瀏覽器支援WebGL,這使得在瀏覽器中創建3D圖形成為可能,而無需使用Flash和Java等插件。然而,編寫WebGL是困難、複雜且很難調試的。使用Three.js,您可以使用JavaScript以直觀的方式創建令人驚豔的3D圖形,而無需了解WebGL的細節。

《學習Three.js - WebGL的JavaScript 3D函式庫,第二版》是一本實用且範例豐富的書,將幫助您了解Three.js的所有功能。本書將向您展示如何創建或從外部創建的模型中載入模型,並使用材質和紋理創建逼真的3D物體。您還將學習如何將HTML5視頻和畫布元素用作3D物體的材質,以及不同的模型動畫方式、基於骨骼的動畫以及如何向場景添加重力和碰撞檢測等物理效果。通過本書,您將掌握使用Three.js在任何瀏覽器中創建運行的3D動畫圖形所需的一切知識。