Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Babylon.js Essentials
  • Table Of Contents Toc
Babylon.js Essentials

Babylon.js Essentials

By : Moreau-Mathis
2 (1)
Buy this Book
close
close
Babylon.js Essentials

Babylon.js Essentials

2 (1)
By: Moreau-Mathis
Buy this Book

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.
Table of Contents (10 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Babylon.js and the TypeScript Language
Icon
1. Babylon.js and the TypeScript Language
Icon
The creators
Icon
Why is Babylon.js developed using TypeScript?
Icon
Introduction to TypeScript - what you have to know
Icon
Summary
2
2. The Fundamentals of Babylon.js and Available Tools
Icon
2. The Fundamentals of Babylon.js and Available Tools
Icon
The Babylon.js structure and graphs
Icon
Creating your first scene
Icon
Summary
3
3. Create, Load, and Draw 3D Objects on the Screen
Icon
3. Create, Load, and Draw 3D Objects on the Screen
Icon
Using Blender to export scenes
Icon
Using 3ds Max to export scenes
Icon
Loading scenes with Babylon.js programmatically
Icon
Summary
4
4. Using Materials to Customize 3D Objects Appearance
Icon
4. Using Materials to Customize 3D Objects Appearance
Icon
Discussing the awesome theory behind the materials
Icon
Using the Babylon.js standard material
Icon
Using textures with materials
Icon
Summary
5
5. Create Collisions on Objects
Icon
5. Create Collisions on Objects
Icon
Checking collisions in a scene
Icon
Simulate physics
Icon
Configuring in Blender and 3ds Max
Icon
Summary
6
6. Manage Audio in Babylon.js
Icon
6. Manage Audio in Babylon.js
Icon
Playing 2D sounds
Icon
Playing 3D sounds
Icon
Summary
7
7. Defining Actions on Objects
chevron up
Icon
7. Defining Actions on Objects
Icon
Defining actions on objects
Icon
Using conditions to control the actions graphs
Icon
Using the Actions Builder in 3ds Max
Icon
Summary
8
8. Add Rendering Effects Using Built-in Post-processes
Icon
8. Add Rendering Effects Using Built-in Post-processes
Icon
Using post-processes with Babylon.js
Icon
Using post-process rendering pipelines with Babylon.js
Icon
The built-in post-processes
Icon
Summary
9
9. Create and Play Animations
Icon
9. Create and Play Animations
Icon
Creating animations using Babylon.js
Icon
Using easing functions to smooth animations
Icon
Importing and managing animated models
Icon
Summary

Defining actions on objects

The Babylon.js framework comes with a collection of distinct actions. You'll find actions that can play a sound, stop a sound, interpolate a property of an object, set a value of an object property, and so on.

Enable actions on an object

The only entities that can handle ActionManager are the scene and the meshes in the scene. Each Babylon.js mesh has its own action manager reference. To enable actions on a mesh, just create a new reference to the mesh, as follows:

myMesh.actionManager = new BABYLON.ActionManager(scene);

The ActionManager constructor takes only the scene as a parameter.

Let's create your first action in a scene composed of a box and a plane. The action must change the box's position on the y axis from 0 to 6 when the user left-clicks on the box. The only thing to do is to call the .registerAction function on ActionManager of the box, as shown in the following:

myMesh.actionManager = new BABYLON.ActionManager(scene);
myMesh.actionManager.registerAction...
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Babylon.js Essentials
End of Section 7
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon