Learning Three.js: The JavaScript 3D Library for WebGL (Paperback)
暫譯: 學習 Three.js:用於 WebGL 的 JavaScript 3D 函式庫 (平裝本)

Jos Dirksen

  • 出版商: Packt Publishing
  • 出版日期: 2013-06-20
  • 售價: $2,050
  • 貴賓價: 9.5$1,948
  • 語言: 英文
  • 頁數: 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 庫,提供了廣泛的功能,以直觀的方式在網頁瀏覽器中創建和顯示驚人的 3D 電腦圖形,而無需處理 WebGL 低階 API 的複雜性。儘管 WebGL 使得在瀏覽器中創建 3D 圖形成為可能,而無需使用插件,但編程 WebGL 仍然困難且複雜。本書展示了如何使用 Three.js 使您不再依賴瀏覽器插件。

如果您是一位有經驗的網頁設計師,想要為您的應用程序設置沉浸式設計環境,那麼這本書適合您。

《Learning Three.js: The JavaScript 3D Library for WebGL》是一本實用且示例豐富的書籍,將幫助您掌握 Three.js 的所有功能。通過這本書,您將學會如何利用 WebGL 和現代瀏覽器的全部潛力,直接在瀏覽器中創建和動畫化美觀的 3D 場景,而無需學習 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 渲染的輸出
  • 通過創建自定義頂點和片段著色器直接與 WebGL 互動
  • 使用 Physijs JavaScript 庫為您的 3D 物體應用物理效果