Learn Three.js : programming 3D animations and visualizations for the web with HTML5 and WebGL /

This is a practical, example rich book that will help you in learning all the features of Three.js. With this book you'll learn how to create and animate beautiful looking 3D scenes directly in your browser utilizing the full potential of WebGL and modern browsers, without having to learn WebGL...

Full description

Saved in:
Bibliographic Details
Main Author: Dirksen, Jos (Author)
Format: Electronic eBook
Language:English
Published: Birmingham : Packt Publishing, 2018.
Edition:Third edition.
Subjects:
Online Access: Full text (Wentworth users only)
Local Note:ProQuest Ebook Central
Table of Contents:
  • Intro; Title Page; Cover; Copyright and Credits; PacktPub.com; Contributors; Table of Contents; Preface; Chapter 1: Creating Your First 3D Scene with Three.js; Requirements for using Three.js; Getting the source code; Using Git to clone the repository; Downloading and extracting the archive; Testing the examples; Python-based web servers should work on most Unix/macOS systems; Npm-based web server if you've worked with Node.js; Portable version Mongoose for macOS and/or Windows; Running from the filesystem by disabling security exceptions in Firefox and Chrome; Creating the HTML skeleton
  • Rendering and viewing a 3D objectAdding materials, lights, and shadows; Expanding your first scene with animations; Introducing requestAnimationFrame; Animating the cube; Bouncing the ball; Using dat. GUI to make experimenting easier; Automatically resize the output when the browser size changes; Summary; Chapter 2: The Basic Components that Make Up a Three.js Application; Creating a scene; The basic functionality of a scene; Adding fog to the scene; Using the overrideMaterial property; Geometries and meshes; The properties and functions of a geometry; Functions and attributes for meshes
  • Different cameras for different usesOrthographic camera versus perspective camera; Looking at specific points; Summary; Chapter 3: Working with Light Sources in Three.js; The different kinds of lighting provided by Three.js; Basic lights; THREE. AmbientLight; Using the THREE. Color object; THREE. SpotLight; THREE. PointLight; THREE. DirectionalLight; Special lights; THREE. HemisphereLight; THREE. AreaLight; Lens flare; Summary; Chapter 4: Working with Three.js Materials; Understanding common material properties; Basic properties; Blending properties; Advanced properties; Starting with a simple mesh
  • THREE. MeshBasicMaterialTHREE. MeshDepthMaterial; Combining materials; THREE. MeshNormalMaterial; Multiple materials for a single mesh; Advanced materials; THREE. MeshLambertMaterial; THREE. MeshPhongMaterial; THREE. MeshStandardMaterial; THREE. MeshPhysicalMaterial; Creating your own shaders with THREE. ShaderMaterial; Materials you can use for a line geometry; THREE. LineBasicMaterial; THREE. LineDashedMaterial; Summary; Chapter 5: Learning to Work with Geometries; The basic geometries provided by Three.js; 2D geometries; THREE. PlaneGeometry; THREE. CircleGeometry; THREE. RingGeometry
  • THREE. ShapeGeometry3D geometries; THREE. BoxGeometry; THREE. SphereGeometry; THREE. CylinderGeometry; THREE. ConeGeometry; THREE. TorusGeometry; THREE. TorusKnotGeometry; THREE. PolyhedronGeometry; THREE. IcosahedronGeometry; THREE. TetrahedronGeometry; THREE. OctahedronGeometry; THREE. DodecahedronGeometry; Summary; Chapter 6: Advanced Geometries and Binary Operations; THREE. ConvexGeometry; THREE. LatheGeometry; Creating a geometry by extruding; THREE. ExtrudeGeometry; THREE. TubeGeometry; Extruding from SVG; THREE. ParametricGeometry; Creating 3D text; Rendering text; Adding custom fonts