How do you bring in the grid material extension in Typescript?

[5plintered]

So I have an application that uses the Babylon NPM package. It doesnt have the grid material extension so I'm wondering how to import it in.

[GameMonetize]

Unfortunately you have to manually reference it

We are planning to integrate the grid material into core framework as it is used a lot (for v3.1)

[yahiko]

I assume you already have installed BabylonJS and the grid material extension (babylon.gridMaterial.js, babylon.gridMaterial.min.js and babylon.gridMaterial.d.ts) you can find in the GitHub repository (

In your source file (for instance main.ts), as said by @Deltakosh, you need to reference manually and explicitly the grid extension TypeScript declaration file like this:

// main.ts

/// <reference path="path--to--babylon.gridMaterial.d.ts" />

...

The path should be absolute or relative to the location of the source file where you put this reference (main.ts).

Also, as well as the main BabylonJS core library, don't forget to include the grid extension in your HTML file.

<script src="babylon.gridMaterial.min.js"></script>

Hope this could help.