Cloner System for Babylon.js

More info and explanations here - https://doc.babylonjs.com/communityExtensions/clonerSystem

TypeDoc Documentation - https://clonersystem.babylonpress.org/docs/

Definitions:

Demo

The demo with all cloners (animated) - https://clonersystem.babylonpress.org/ (the default example scene for this repo) The demo with all cloners (static) - https://babylonpress.org/cloner/ Extensive old version documentation - https://doc.babylonjs.com/communityExtensions/clonerSystem

Playground demos

https://playground.babylonjs.com/#1MYQ3T#47 https://playground.babylonjs.com/#1WRUHY#2 https://www.babylonjs-playground.com/#1NYYEQ#5 https://www.babylonjs-playground.com/#1NYYEQ#6 https://www.babylonjs-playground.com/#1NYYEQ#7 https://playground.babylonjs.com/#JWETXJ#0

Import and Usage

npm i bp-cloner

Import needed Cloners like import { RandomEffector } from "bp-cloner";import { MatrixCloner } from "bp-cloner"

Then use like

Or if you use <script> tags see UMD and ESM variants here - https://www.jsdelivr.com/package/npm/bp-cloner?tab=files

Getting started with this repo

This is a Babylon.js project using typescript, latest babylon.js es6 core module, vite 6.

To run the basic Cloner System scene (with some animations):

1. Clone / download this repository
2. run npm install to install the needed dependencies.
3. run npm run dev to display the test page.
4. To test : npm run test , for coverage npm run test:coverage
5. Build with npm run build (only Cloner folder to dist/).

TypeDoc Support

To generate documentation use npx typedoc --entryPointStrategy Expand src/Cloner --exclude "src/Cloner/index.ts"

Contributors

Based on Cloner System extension https://github.com/androdlang/Extensions/tree/master/ClonerSystem by https://github.com/androdlang