Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Babylon.js Essentials

By : Moreau-Mathis

2 (1)

Babylon.js Essentials

2 (1)

By: 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.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Babylon.js and the TypeScript Language

1. 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

2. 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

3. 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

4. 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

5. Create Collisions on Objects

Checking collisions in a scene

Simulate physics

Configuring in Blender and 3ds Max

Summary

6. Manage Audio in Babylon.js

6. Manage Audio in Babylon.js

Playing 2D sounds

Playing 3D sounds

Summary

7. Defining Actions on Objects

7. 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

8. 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

9. Create and Play Animations

Creating animations using Babylon.js

Using easing functions to smooth animations

Importing and managing animated models

Summary

Summary

In this chapter, you learned how to create a minimal HTML page to handle a Babylon.js engine and draw a scene. You also learned how to use Babylon.js' built-in nodes such as lights, cameras, and meshes.

Don't hesitate to practice with the built-in meshes such as torus, torus-knots, and spheres and play with the scene graph and node's properties such as position.

In the next chapter, you'll learn how scenes are built with designers and how they are imported using Babylon.js. You'll also see that interfacing 3D software to create scenes with Babylon.js is pretty easy as all the tools are provided by the Babylon.js solution (such as exporters and importers).

The next chapter will also explain how artists work to create 3D scenes for the web as their problems are different from desktop software such as games for consoles and PCs.

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Babylon.js Essentials

Search

Your notes and bookmarks