初识Babylon.js

在 .html 文件中通过 script 标签引入，这里可以使用 Babylonjs 官方的 CDN 地址进行引入：

<script src="https://cdn.babylonjs.com/babylon.js"></script>

 

npm包引入Babylonjs 

npm install --save @babylonjs/core
// or
yarn install --save @babylonjs/core

// 使用

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

// or
　import { Engine, Scene } from '@babylonjs/core';

 

其他Babylonjs 包

@babylonjs/materials - Babylon 支持的高级材料的集合。
@babylonjs/loaders - Babylon 的所有官方加载器（OBJ、STL、glTF）。
@babylonjs/post-process - Babylon 的后处理。
@babylonjs/procedural-textures - 官方支持的程序纹理。
@babylonjs/serializers - 场景/网格序列化器。
@babylonjs/gui - Babylon.js GUI 模块。
@babylonjs/viewer - 独立的 Babylon.js 查看器。
@babylonjs/inspector - 用于可视化调试的 Babylon.js 检查器。
@babylonjs/ktx2decoder - Babylon 的 KTX2 Decoder 模块。

对应CDN
<script src="https://cdn.babylonjs.com/babylon.js"></script>
<script src="https://cdn.babylonjs.com/babylon.max.js"></script>

<script src="https://cdn.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>
<script src="https://cdn.babylonjs.com/materialsLibrary/babylonjs.materials.js"></script>

<script src="https://cdn.babylonjs.com/loaders/babylonjs.loaders.min.js"></script>
<script src="https://cdn.babylonjs.com/loaders/babylonjs.loaders.js"></script>

<script src="https://cdn.babylonjs.com/postProcessesLibrary/babylonjs.postProcess.min.js"></script>
<script src="https://cdn.babylonjs.com/postProcessesLibrary/babylonjs.postProcess.js"></script>

<script src="https://cdn.babylonjs.com/proceduralTexturesLibrary/babylonjs.proceduralTextures.min.js"></script>
<script src="https://cdn.babylonjs.com/proceduralTexturesLibrary/babylonjs.proceduralTextures.js"></script>

<script src="https://cdn.babylonjs.com/serializers/babylonjs.serializers.min.js"></script>
<script src="https://cdn.babylonjs.com/serializers/babylonjs.serializers.js"></script>

<script src="https://cdn.babylonjs.com/gui/babylon.gui.min.js"></script>
<script src="https://cdn.babylonjs.com/gui/babylon.gui.js"></script>

<script src="https://cdn.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>
<script src="https://cdn.babylonjs.com/inspector/babylon.inspector.bundle.max.js"></script>

<script src="https://cdn.babylonjs.com/viewer/babylon.viewer.js"></script>
<script src="https://cdn.babylonjs.com/viewer/babylon.viewer.max.js"></script>

 

 

其他Babylonjs 资料

官方文档：https://doc.babylonjs.com/

Babylon.js 中文教程：https://doc.cnbabylon.com/

 

github的demo：https://github.com/ssszjh/babylon