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
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
chevron up
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

Importing and managing animated models

To finish this chapter with a cool demo, let's discuss how to animate characters or 3D models, in general.

How 3D animated models work

If you remember, each vertex of a 3D model is computed to be projected on the screen by a vertex shader. In fact, the animated 3D models (such as a character) are also animated with the associated hierarchy of bones (the hierarchy is called Skeleton). Animated 3D models are also called Skinned Meshes. In 3D engines, the bones are invisible nodes that are animated (BABYLON.Animation) to be sent to the vertex shader associated with the 3D model. In other words, the transformation of each bone is sent to the vertex shader and is applied to the associated vertices.

To go further in the theory, the vertex shader contains the following two additional buffers:

  • The bones' matrices weights (Vector4, represents the intensity of the influence of each bone on the current vertex).
  • The bones' matrices indices (Vector4, until four bone...
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 9
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