Babylon.js Essentials电子书

Babylon.js Essentials

Babylon.js Essentials

Credits

About the Author

About the Reviewer

www.PacktPub.com

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Downloading the color images of this book

Errata

Piracy

Questions

1. Babylon.js and the TypeScript Language

The creators

Online tools provided by the Babylon.js solution

Why is Babylon.js developed using TypeScript?

The TypeScript language

The TypeScript features

Introduction to TypeScript - what you have to know

Compilation using Gulp

Working with typed variables

Enumerated types

Array

Working with classes and interfaces

Creating a class

Creating class members

Working with inheritance

Using interfaces

Summary

2. The Fundamentals of Babylon.js and Available Tools

The Babylon.js structure and graphs

The engine and a scene

Adding cameras and lights

Adding a camera

Adding a light

Adding a mesh

Using Babylon.js to create meshes

Some other basic meshes

Managing a scene graph

An example

Creating your first scene

Creating a class and the scene nodes

Call the runRenderLoop method

Managing the scene graph

Summary

3. Create, Load, and Draw 3D Objects on the Screen

Using Blender to export scenes

Setting up the Babylon.js exporter for Blender

Activating the Babylon.js exporter in Blender

Exporting a scene

Using 3ds Max to export scenes

Installing the Babylon.js exporter for 3ds Max

Modifying the properties

Exporting the scenes

Loading scenes with Babylon.js programmatically

The BABYLON.SceneLoader class

The callbacks

Load and append

Importing a mesh

Summary

4. Using Materials to Customize 3D Objects Appearance

Discussing the awesome theory behind the materials

The theory

The vertex shader

The pixel shader

Using the Babylon.js standard material

The standard material and its common properties

Using the fog

Using textures with materials

Load and apply a texture

The bump mapping

Advanced texturing

The cube texture

The mirror texture

Summary

5. Create Collisions on Objects

Checking collisions in a scene

How collisions work in Babylon.js?

Configuring collisions in a scene

Configure gravity and ellipsoid

Simulate physics

Enable physics in Babylon.js

Impostors

Applying a force to a mesh

Configuring in Blender and 3ds Max

Collisions in Blender

Configuring physics simulations in Blender

Configuring collisions in 3ds Max

Configuring physics simulations in 3ds Max

Summary

6. Manage Audio in Babylon.js

Playing 2D sounds

Creating 2D sounds

Managing 2D sounds

Playing 3D sounds

Creating 3D sounds

Managing 3D sounds

Creating a directional spatialized sound

Summary

7. Defining Actions on Objects

Defining actions on objects

Enable actions on an object

Chain actions on an object

The available actions

Using conditions to control the actions graphs

State condition

Predicate condition

Value condition

Using the Actions Builder in 3ds Max

How it works

Managing multiple pipelines

Summary

8. Add Rendering Effects Using Built-in Post-processes

Using post-processes with Babylon.js

Starting with your first post-process

Chaining post-processes

Removing and retrieving post-processes

Using post-process rendering pipelines with Babylon.js

Create a rendering pipeline

Enabling and disabling effects in pipeline

The built-in post-processes

Volumetric Light Scattering post-process

SSAO rendering pipeline

HDR rendering pipeline

Summary

9. Create and Play Animations

Creating animations using Babylon.js

Animating an object with code

Using the animation manager of Babylon.js

Create a simple animation

Managing events

Using easing functions to smooth animations

Applying an easing function to an animation

Creating your own easing function

Importing and managing animated models

How 3D animated models work

Importing and playing animations of an animated 3D model

Summary