No Description

msDestiny14 02b2297084 cleaning code 4 years ago
.github 7fd2b62985 Update bug_report.md 4 years ago
.vscode 392f445880 merging 4 years ago
Exporters 6c27d5c451 Moved Exporters to https://github.com/BabylonJS/Exporters 7 years ago
Playground 49200ead1e Merge branch 'master' of https://github.com/BabylonJS/Babylon.js into msDestiny14/gui 4 years ago
Tools 49200ead1e Merge branch 'master' of https://github.com/BabylonJS/Babylon.js into msDestiny14/gui 4 years ago
Viewer 5b66a865b7 Fixed typo, obejcts -> objects 4 years ago
dist b8eef1cd36 updating whats new 4 years ago
gui 02b2297084 cleaning code 4 years ago
guiEditor 02b2297084 cleaning code 4 years ago
inspector ee2cc514d6 fixing typo 4 years ago
ktx2Decoder 8d8a46dba4 Fix mipmaps creation for non square textures 4 years ago
loaders a6f98a22f8 Add KHR_xmp_json_ld for glTF loader 4 years ago
localDev 8c99aec8a5 Merge branch 'master' of https://github.com/BabylonJS/Babylon.js into WebGPU 4 years ago
localDevWebGPU 917058fefb Added push/pop debug markers 4 years ago
materialsLibrary 4f0acfb82d Merge branch 'master' of https://github.com/BabylonJS/Babylon.js into WebGPU 4 years ago
nodeEditor dbf23c4c56 increasing precision on float 4 years ago
postProcessLibrary b9bd620a92 update all references to attachControl 4 years ago
proceduralTexturesLibrary 4f0acfb82d Merge branch 'master' of https://github.com/BabylonJS/Babylon.js into WebGPU 4 years ago
sandbox 58189c60b0 Misc cleanup 4 years ago
serializers e1ce4ebb3b Merge branch 'master' of https://github.com/BabylonJS/Babylon.js into WebGPU 4 years ago
sharedUiComponents abdc275694 moving to shared UI 4 years ago
src 44a46779b3 Merge pull request #9572 from ladevieq/geometry-buffer-textures-uv-set-selection 4 years ago
tests 214c6efd73 Remove the WebGPUEngineCache class 4 years ago
.gitattributes e46bb580f5 Ignore whitespace and new lines from windows OS 9 years ago
.gitignore e1ce4ebb3b Merge branch 'master' of https://github.com/BabylonJS/Babylon.js into WebGPU 4 years ago
.gitpod.Dockerfile 09725b14ef simplify code contributions by fully automating the dev setup with gitpod. 5 years ago
.gitpod.yml 8e8f89f8d3 Update .gitpod.yml 5 years ago
.mergify.yml 67c118f200 Moved where it should be 5 years ago
.prettierrc f6f7096199 Check for bugs 5 years ago
CNAME f62df4b004 Create CNAME 7 years ago
CNAME.txt 9c629d12f2 Wrong move 5 years ago
CODE_OF_CONDUCT.md ca37f51887 Create CODE_OF_CONDUCT.md 5 years ago
azure-pipelines-cd.yml 2a2a9d0335 Update azure-pipelines-cd.yml for Azure Pipelines 5 years ago
azure-pipelines.yml 95635ceea1 Restore Build steps 5 years ago
bower.json 3b9fc842bd Starting blocks for nodeEditor 6 years ago
contributing.md 0707884457 Updating contributing links to point to new documentation. 4 years ago
license.md 4f44f2ce56 Moved license to a separate file 8 years ago
package.json 51b5b233af 5.0.0-alpha.3 4 years ago
readme-es6.md 4b5dfd2ad7 Add groundBuilder's import (#8522) 5 years ago
readme.md 223b8a44f7 Fix preview version number and various links 4 years ago
tsconfigRules.json fd23037057 Move manual tsc to prevent issues 6 years ago
tslint.json ca8a620e6c Prettifier definition file (#8571) 5 years ago

readme-es6.md

Babylon.js

Getting started? Play directly with the Babylon.js API using our playground. It also contains a lot of samples to learn how to use it.

npm version Build Status Average time to resolve an issue Percentage of issues still open Build Size Twitter

Any questions? Here is our official forum.

CDN

To look into our CDN bundled distribution, you can refer to the package babylonjs

npm

BabylonJS and its modules are published on npm as esNext modules with full typing support. To install, use:

npm install @babylonjs/core --save

This will allow you to import BabylonJS entirely using:

import * as BABYLON from '@babylonjs/core/Legacy/legacy';

or individual classes to benefit from enhanced tree shaking using :

import { Scene } from '@babylonjs/core/scene';
import { Engine } from '@babylonjs/core/Engines/engine';

To add a module, install the respective package. A list of extra packages and their installation instructions can be found on the babylonjs user on npm scoped on @babylonjs.

Usage

See our ES6 dedicated documentation:

import { Engine } from "@babylonjs/core/Engines/engine";
import { Scene } from "@babylonjs/core/scene";
import { Vector3 } from "@babylonjs/core/Maths/math";
import { FreeCamera } from "@babylonjs/core/Cameras/freeCamera";
import { HemisphericLight } from "@babylonjs/core/Lights/hemisphericLight";
import { Mesh } from "@babylonjs/core/Meshes/mesh";

// Side-effects only imports allowing the standard material to be used as default.
import "@babylonjs/core/Materials/standardMaterial";
// Side-effects only imports allowing Mesh to create default shapes (to enhance tree shaking, the construction methods on mesh are not available if the meshbuilder has not been imported).
import "@babylonjs/core/Meshes/Builders/sphereBuilder";
import "@babylonjs/core/Meshes/Builders/boxBuilder";
import "@babylonjs/core/Meshes/Builders/groundBuilder";

const canvas = document.getElementById("renderCanvas") as HTMLCanvasElement;
const engine = new Engine(canvas);
var scene = new Scene(engine);

// This creates and positions a free camera (non-mesh)
var camera = new FreeCamera("camera1", new Vector3(0, 5, -10), scene);

// This targets the camera to scene origin
camera.setTarget(Vector3.Zero());

// This attaches the camera to the canvas
camera.attachControl(canvas, true);

// This creates a light, aiming 0,1,0 - to the sky (non-mesh)
var light = new HemisphericLight("light1", new Vector3(0, 1, 0), scene);

// Default intensity is 1. Let's dim the light a small amount
light.intensity = 0.7;

// Our built-in 'sphere' shape. Params: name, subdivs, size, scene
var sphere = Mesh.CreateSphere("sphere1", 16, 2, scene);

// Move the sphere upward 1/2 its height
sphere.position.y = 2;

// Our built-in 'ground' shape. Params: name, width, depth, subdivs, scene
Mesh.CreateGround("ground1", 6, 6, 2, scene);

engine.runRenderLoop(() => {
    scene.render();
});

Preview release

Preview version of 4.0 can be found here. If you want to contribute, please read our contribution guidelines first.

Documentation

Contributing

Please see the Contributing Guidelines

Useful links

  • Official web site: www.babylonjs.com
  • Online playground to learn by experimentating
  • Online sandbox where you can test your .babylon and glTF scenes with a simple drag'n'drop
  • Online shader creation tool where you can learn how to create GLSL shaders
  • 3DS Max exporter can be used to generate a .babylon file from 3DS Max
  • Maya exporter can be used to generate a .babylon file from 3DS Max
  • Blender exporter can be used to generate a .babylon file from Blender 3d
  • Unity 5 (deprecated) exporter can be used to export your geometries from Unity 5 scene editor(animations are supported)
  • glTF Tools by KhronosGroup

Features

To get a complete list of supported features, please visit our website.

Build

Babylon.js is automatically built using Gulp. For further instructions see the readme at /Tools/Gulp.