
## Open a URL with Action Manager

Since any JavaScript can be called when executing a code action with the action manager, it is straightforward to open a new web page using 

```javascript
window.open(URL)
```
to open a new window or

```javascript
window.location = URL
```
to replace the content of the current window.

<Playground id="#INB624#1" title="Open URL On Single Mesh Click" description=""/>
<Playground id="#INB624#2" title="Open URL On Mesh Click Of Multiple Meshes" description=""/>



## Displays a Path3D Curve

This snippet displays a Path3D curve and, at each point, its tangent, normal, and binormal in red, green, and blue respectively.
The size parameter, which defaults to 0.5, sets the length of the tangents, normals, and binormals.

```javascript
function showPath3D(path3d, size) {
  size = size || 0.5;
  const curve = path3d.getCurve();
  const tgts = path3d.getTangents();
  const norms = path3d.getNormals();
  const binorms = path3d.getBinormals();
  let vcTgt, vcNorm, vcBinorm;
  const line = BABYLON.MeshBuilder.CreateLines("curve", { points: curve }, scene);
  for (let i = 0; i < curve.length; i++) {
    vcTgt = BABYLON.MeshBuilder.CreateLines("tgt" + i, { points: [curve[i], curve[i].add(tgts[i].scale(size))] }, scene);
    vcNorm = BABYLON.MeshBuilder.CreateLines("norm" + i, { points: [curve[i], curve[i].add(norms[i].scale(size))] }, scene);
    vcBinorm = BABYLON.MeshBuilder.CreateLines("binorm" + i, { points: [curve[i], curve[i].add(binorms[i].scale(size))] }, scene);
    vcTgt.color = BABYLON.Color3.Red();
    vcNorm.color = BABYLON.Color3.Green();
    vcBinorm.color = BABYLON.Color3.Blue();
  }
}
```

## Playground

<Playground id="#2IX4FB" title="Display Path3D Info" description=""/>



## Show Mesh Vertex Normals

This snippet allows you to add lines showing the normals for each vertex of a mesh. The color and size of the lines can be set.

```javascript
function showNormals(mesh, size, color, sc) {
  var normals = mesh.getVerticesData(BABYLON.VertexBuffer.NormalKind);
  var positions = mesh.getVerticesData(BABYLON.VertexBuffer.PositionKind);
  color = color || BABYLON.Color3.White();
  sc = sc || scene;
  size = size || 1;

  var lines = [];
  for (let i = 0; i < normals.length; i += 3) {
    var v1 = BABYLON.Vector3.FromArray(positions, i);
    var v2 = v1.add(BABYLON.Vector3.FromArray(normals, i).scaleInPlace(size));
    lines.push([v1.add(mesh.position), v2.add(mesh.position)]);
  }
  var normalLines = BABYLON.MeshBuilder.CreateLineSystem("normalLines", { lines: lines }, sc);
  normalLines.color = color;
  return normalLines;
}
```

## Playground

<Playground id="#1ENDNT" title="Displaying Vertex Normals" description=""/>


Open A URL On An Event

Open a URL with Action Manager