Book Image

Babylon.js Essentials

By : Julien Moreau-Mathis
Book Image

Babylon.js Essentials

By: Julien Moreau-Mathis

Overview of this book

Are you familiar with HTML5? Do you want to build exciting games and Web applications? Then explore the exciting world of game and Web development with one of the best frameworks out there: Babylon.JS. Starting from the beginning, the book introduces the required basics for 3D development and the knowledge you need to use the Babylon.js framework. It focuses on the simplicity provided by Babylon.js and uses a combination of theory and practice. All the chapters are provided with example files ready to run; each example file provides the previously learned features of the framework. Finally, developers will be ready to easily understand new features added to the framework in the future.

Related Content you might be interested in

Current Title:

Small book image
Babylon.js Essentials
Julien Moreau-Mathis
Mar, 2016 | 200 pages
No titles found
Table of Contents (15 chapters)
Babylon.js Essentials
Babylon.js Essentials
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Babylon.js and the TypeScript Language
Babylon.js and the TypeScript Language
The creators
Why is Babylon.js developed using TypeScript?
Introduction to TypeScript - what you have to know
Summary
2
The Fundamentals of Babylon.js and Available Tools
The Fundamentals of Babylon.js and Available Tools
The Babylon.js structure and graphs
Creating your first scene
Summary
3
Create, Load, and Draw 3D Objects on the Screen
Create, Load, and Draw 3D Objects on the Screen
Using Blender to export scenes
Using 3ds Max to export scenes
Loading scenes with Babylon.js programmatically
Summary
4
Using Materials to Customize 3D Objects Appearance
Using Materials to Customize 3D Objects Appearance
Discussing the awesome theory behind the materials
Using the Babylon.js standard material
Using textures with materials
Summary
5
Create Collisions on Objects
Create Collisions on Objects
Checking collisions in a scene
Simulate physics
Configuring in Blender and 3ds Max
Summary
6
Manage Audio in Babylon.js
Manage Audio in Babylon.js
Playing 2D sounds
Playing 3D sounds
Summary
7
Defining Actions on Objects
Defining Actions on Objects
Defining actions on objects
Using conditions to control the actions graphs
Using the Actions Builder in 3ds Max
Summary
8
Add Rendering Effects Using Built-in Post-processes
Add Rendering Effects Using Built-in Post-processes
Using post-processes with Babylon.js
Using post-process rendering pipelines with Babylon.js
The built-in post-processes
Summary
9
Create and Play Animations
Create and Play Animations
Creating animations using Babylon.js
Using easing functions to smooth animations
Importing and managing animated models
Summary

Using easing functions to smooth animations

One of the advanced features of the Babylon.js animations management is to use easing functions to smooth well and add behaviors to your animations.

To take a quick look at the appearance of the easing functions (we do not necessarily remember every type of easing functions), you should follow this link (http://easings.net/en).

Applying an easing function to an animation

To apply an easing function to an animation, the method only consists of customizing an already created animation. You'll just have to call the .setEasingFunction method for an animation with an easing function as the parameter.

The available easing functions are (with the associated curve in time) as shown in the following:

  • Circle ease: BABYLON.CircleEase()

  • Back ease: BABYLON.BackEase(amplitude)

  • Bounce ease: BABYLON.BounceEase(bounces, bounciness)

  • Cubic ease: BABYLON.CubicEase()

  • Elastic ease: BABYLON.ElasticEase(oscillations, springiness)

  • Exponential ease: BABYLON.ExponentialEase...
Previous Section
End of Section 3
Next Section