Three.js Essentials

Create and animate beautiful 3D graphics with this fast-paced tutorial.
Preview in Mapt

Three.js Essentials

Jos Dirksen

1 customer reviews
Create and animate beautiful 3D graphics with this fast-paced tutorial.
Mapt Subscription
FREE
$29.99/m after trial
eBook
$10.00
RRP $19.99
Save 49%
Print + eBook
$32.99
RRP $32.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$10.00
$32.99
$29.99 p/m after trial
RRP $19.99
RRP $32.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


Three.js Essentials Book Cover
Three.js Essentials
$ 19.99
$ 10.00
Unity 2017 Game Development Essentials - Third Edition Book Cover
Unity 2017 Game Development Essentials - Third Edition
$ 39.99
$ 10.00
Buy 2 for $20.00
Save $39.98
Add to Cart

Book Details

ISBN 139781783980864
Paperback198 pages

Book Description

Create beautiful visualizations and 3D scenes using Three.js with this practical, example-rich book. Learn all the core concepts of Three.js, and whether you are targeting mobile devices or desktop browsers, you will gain the necessary skills to build a 3D application and improve web performance.

From setting up a development environment and creating your first Three.js scene, you will quickly dive into more complex scene-making. Discover a variety of possible scenes from how to make a rotating planet with data overlay to mini games. Through these examples, you will be shown an array of skills from using materials, controls, and lighting to creating particle systems and geometries from scratch.

By the end of this book, you'll be able to effectively and confidently create 3D scenes using different lights and materials, create visualizations using particle systems, animate web pages, and incorporate Blender in your 3D workflow.

Table of Contents

Chapter 1: Get Up and Running with Three.js
Introducing Three.js
Looking at the requirements for Three.js
Setting up a local development environment
Creating a minimal Three.js web application
Enhancing the basic scene
Debugging the examples in this book
Summary
Chapter 2: Creating a 3D World Globe and Visualizing Open Data
Setting up the globe and camera controls
Adding basic textures to the globe
Adding directional and ambient lighting
Combining with a starry background
Improving the look with more advanced textures
Adding 2D information using HTML canvas as a texture
Summary
Chapter 3: Navigate around a Randomly Generated Maze
The result we're aiming for in this chapter
Creating the maze
Animating the cube
Setting up collision detection
Adding textures and improving the lighting
Adding trackball and keyboard controls
Summary
Chapter 4: Visualizing Audio Data with a Particle System
Visualizing the audio volume
Creating a particle system by hand
Customizing colors of individual particles
Combining dynamic colors to create advanced visualizations
Summary
Chapter 5: Programmatic Geometries
Creating a 3D terrain from scratch
Creating a city from scratch
Creating parametric trees
Summary
Chapter 6: Combining HTML and Three.js with CSS3DRenderer
Setting up a CSS3DRenderer skeleton
Creating an interactive 3D Google Maps cube
Animating HTML elements with TweenJS
Creating a parametric terrain using CSS sprites
Summary
Chapter 7: Loading and Animating External Models Using Blender
Installing Blender and the Three.js plugin
Exporting a model from Blender and showing it in Three.js
Using Blender's predefined materials in Three.js
Working with skeletal-based animations in Three.js
Working with morph-based animations in Three.js
Summary

What You Will Learn

  • Create standard skeletons and animation loops for Three.js projects that support WebGL and CSS3 3D
  • Use textures and materials to their fullest to enhance rendering of an object
  • Apply different types of lighting using the different light sources available
  • Animate geometries, particle systems, and HTML5 elements with Three.js and Tween.js
  • Create procedural and random geometries from scratch
  • Load geometries from external sources and work with Blender as a 3D modeling tool
  • Work with particle systems for advanced visualizations

Authors

Table of Contents

Chapter 1: Get Up and Running with Three.js
Introducing Three.js
Looking at the requirements for Three.js
Setting up a local development environment
Creating a minimal Three.js web application
Enhancing the basic scene
Debugging the examples in this book
Summary
Chapter 2: Creating a 3D World Globe and Visualizing Open Data
Setting up the globe and camera controls
Adding basic textures to the globe
Adding directional and ambient lighting
Combining with a starry background
Improving the look with more advanced textures
Adding 2D information using HTML canvas as a texture
Summary
Chapter 3: Navigate around a Randomly Generated Maze
The result we're aiming for in this chapter
Creating the maze
Animating the cube
Setting up collision detection
Adding textures and improving the lighting
Adding trackball and keyboard controls
Summary
Chapter 4: Visualizing Audio Data with a Particle System
Visualizing the audio volume
Creating a particle system by hand
Customizing colors of individual particles
Combining dynamic colors to create advanced visualizations
Summary
Chapter 5: Programmatic Geometries
Creating a 3D terrain from scratch
Creating a city from scratch
Creating parametric trees
Summary
Chapter 6: Combining HTML and Three.js with CSS3DRenderer
Setting up a CSS3DRenderer skeleton
Creating an interactive 3D Google Maps cube
Animating HTML elements with TweenJS
Creating a parametric terrain using CSS sprites
Summary
Chapter 7: Loading and Animating External Models Using Blender
Installing Blender and the Three.js plugin
Exporting a model from Blender and showing it in Three.js
Using Blender's predefined materials in Three.js
Working with skeletal-based animations in Three.js
Working with morph-based animations in Three.js
Summary

Book Details

ISBN 139781783980864
Paperback198 pages
Read More
From 1 reviews

Read More Reviews

Recommended for You

Learning Three.js – the JavaScript 3D Library for WebGL - Second Edition Book Cover
Learning Three.js – the JavaScript 3D Library for WebGL - Second Edition
$ 39.99
$ 10.00
Three.js Cookbook Book Cover
Three.js Cookbook
$ 29.99
$ 10.00
Babylon.js Essentials Book Cover
Babylon.js Essentials
$ 23.99
$ 10.00
Leap Motion Development Essentials Book Cover
Leap Motion Development Essentials
$ 20.99
$ 10.00
Learning iOS Penetration Testing Book Cover
Learning iOS Penetration Testing
$ 31.99
$ 10.00
WebGL Beginner's Guide Book Cover
WebGL Beginner's Guide
$ 26.99
$ 10.00