MeshBuilder.CreatePolygon and PolygonMeshBuilder API is inconsistent

Hello, I’m migrating not from babylonjs@3.3.0 to @babylonjs/core@4.0.0-alpha.18 to try out the new and long waited tree shaking! (@sebavan 👑)

And getting the following error: ReferenceError: earcut is not defined at new PolygonMeshBuilder.

This is because MeshBuilder.CreatePolygon API doesn’t support earcut injection: Babylon.js/src/Meshes/meshBuilder.ts:

Help will be very much appreciated, Tomer.

[treedbox]

With Webpack , install earcut via npm: npm i --save-dev earcut

Then in your .ts or .js file:

import earcut from "earcut";

const mesh = MeshBuilder.CreatePolygon(name, options, scene, earcut)

In the documentation you can see that after scene, the next optional parameter is earcutInjection, this is the way. https://doc.babylonjs.com/api/classes/babylon.meshbuilder#createpolygon

[kutomer]

  const earcut = require('earcut');
  window.earcut = earcut;

Not a nice solution, but I can say that it works…

Using Electron & Webpack & Vue. I’ve put it into main.js Afaik, earcut will be injected globally (into window), which isn’t nice considering that the principle of SFC’s are broken this way.

… But it works

@Fusseldieb, This was a temporary solution I used until @deltakosh solution, you can inject earcut into CreatePolygon, so there is no real reason to manually referance the global scope:

const mesh = MeshBuilder.CreatePolygon("name", { // ... }, scene, require('earcut'));

I’m using @babylonjs/core@4.0.0 and it’s working.