Learning Three.js: The JavaScript 3D Library for WebGL (Paperback)

Jos Dirksen

  • 出版商: Packt Publishing
  • 出版日期: 2013-06-20
  • 售價: $1,970
  • 貴賓價: 9.5$1,872
  • 語言: 英文
  • 頁數: 402
  • 裝訂: Paperback
  • ISBN: 1782166289
  • ISBN-13: 9781782166283
  • 相關分類: JavaScriptWebGL
  • 海外代購書籍(需單獨結帳)

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

商品描述

Three.js makes creating 3D computer graphics on a web browser a piece of proverbial cake, and this practical tutorial makes it easier still. All you need to know is basic JavaScript and HTML.

Overview

  • Create and animate beautiful 3D graphics directly in the browser using JavaScript without the need to learn WebGL
  • Learn how to enhance your 3D graphics with light sources, shadows, and advanced materials and textures
  • Each subject is explained using extensive examples that you can directly use and adapt for your own purposes

In Detail

Three.js is a JavaScript 3D library that offers a wide range of features for creating and displaying stunning 3D computer graphics on a web browser in an intuitive manner using JavaScript without having to deal with the complexity of a WebGL low-level API. Even though WebGL makes it possible to create 3D graphics in the browser without having to use plugins, programming WebGL, however, is hard and complex. This book shows you how Three.js allows you to be independent of browser plugins.

If you are an experienced web designer who wants to set the tone for an immersive design environment in your applications then this book is for you.

"Learning Three.js: The JavaScript 3D Library for WebGL" is a practical, example-rich book that will help you to master all the features of Three.js. With this book, you’ll learn how to create and animate gorgeous looking 3D scenes directly in your browser utilizing the full potential of WebGL and modern browsers without having to learn WebGL.

"Learning Three.js: The JavaScript 3D Library for WebGL" starts by going over the basic concepts and building blocks used in Three.js. From there on, it will expand on these subjects using extensive examples and code samples. This will allow you to learn everything you need to know about Three.js in an easy and interactive manner.

Besides the basic concepts, this book will show you how you can create realistic looking 3D objects using materials and textures as well as how to load them from externally created models. You’ll learn how to easily control the camera using the Three.js build-in camera controls so you can fly or walk around the 3D scene you have created. You will also learn how to use morph and bones-based animation and how to add physics to your scene.

What you will learn from this book

  • Create standard HTML skeleton and render loops for your Three.js projects
  • Learn how to use the different geometries that are provided by Three.js
  • Apply realistic lighting and shadows to the 3D objects you have created
  • Learn how the different types of materials in Three.js work and how they interact with your 3D objects and the rest of the environment
  • Use the different camera controls provided by Three.js to effortlessly navigate around your 3D scene
  • Work with a particle system to create snow, rain, and galaxy-like effects
  • Import and animate models from external formats such as OBJ, STL, Collada, and much more
  • Create and run animations using either morph targets or bones animations
  • Use advanced textures on materials to create realistic looking 3D objects using bump maps, normal maps, specular maps, and light maps
  • Change the output of Three.js rendered using one of its post processing options
  • Interact directly with WebGL by creating custom vertex and fragment shaders
  • Apply physics to your 3D objects using the Physijs JavaScript library

商品描述(中文翻譯)

Three.js 讓在網頁瀏覽器上創建 3D 電腦圖形變得輕而易舉,而這本實用教程更使它變得更加容易。你只需要了解基本的 JavaScript 和 HTML。

概述:
- 使用 JavaScript 在瀏覽器中直接創建和動畫美麗的 3D 圖形,無需學習 WebGL
- 學習如何通過光源、陰影和高級材質和紋理來增強你的 3D 圖形
- 每個主題都使用廣泛的示例來解釋,你可以直接使用和適應到自己的目的中

詳細內容:
Three.js 是一個 JavaScript 3D 库,提供了各種功能,以直觀的方式使用 JavaScript 在網頁瀏覽器上創建和顯示令人驚嘆的 3D 電腦圖形,而無需處理 WebGL 低級 API 的複雜性。儘管 WebGL 讓在瀏覽器中創建 3D 圖形成為可能,而無需使用插件,但是編程 WebGL 是困難且複雜的。本書將向你展示 Three.js 如何讓你獨立於瀏覽器插件。

如果你是一位有經驗的網頁設計師,想在應用程序中營造沉浸式設計環境,那麼這本書就是為你而寫的。

《Learning Three.js: The JavaScript 3D Library for WebGL》是一本實用且範例豐富的書,將幫助你掌握 Three.js 的所有功能。通過這本書,你將學習如何在瀏覽器中直接創建和動畫美觀的 3D 場景,充分利用 WebGL 和現代瀏覽器的潛力,而無需學習 WebGL。

《Learning Three.js: The JavaScript 3D Library for WebGL》首先介紹 Three.js 中使用的基本概念和構建塊。然後,它將通過廣泛的示例和代碼示例擴展這些主題。這將使你能夠以輕鬆互動的方式學習關於 Three.js 的一切。

除了基本概念外,本書還將向你展示如何使用材質和紋理創建逼真的 3D 物體,以及如何從外部創建的模型中加載它們。你將學習如何使用 Three.js 內置的相機控制輕鬆控制相機,以便在你創建的 3D 場景中飛行或行走。你還將學習如何使用形狀和骨骼動畫,以及如何向場景中添加物理效果。

從本書中你將學到:
- 為 Three.js 項目創建標準的 HTML 骨架和渲染循環
- 學習如何使用 Three.js 提供的不同幾何形狀
- 將逼真的照明和陰影應用於你創建的 3D 物體
- 了解 Three.js 中不同類型的材質如何工作,以及它們如何與你的 3D 物體和環境的其他部分交互
- 使用 Three.js 提供的不同相機控制輕鬆瀏覽你的 3D 場景
- 使用粒子系統創建雪、雨和星系等效果
- 從外部格式(如 OBJ、STL、Collada 等)導入和動畫模型
- 使用形狀目標或骨骼動畫創建和運行動畫
- 使用凹凸貼圖、法線貼圖、高光貼圖和光照貼圖在材質上創建逼真的 3D 物體
- 使用 Three.js 的後處理選項更改 Three.js 的輸出
- 通過創建自定義頂點和片段着色器直接與 WebGL 交互
- 使用 Physijs JavaScript 库對你的 3D 物體應用物理效果