Observable

Templates: Boilerplates

Observable’s first-party templates, collected here, are displayed on https://observablehq.com/templates

Templates

By default regl-camera uses window width and height to determine the rotation distance. In Observable this means that rotating the camera will feel sluggish, and that vertical rotation can become next to impossible in long notebooks.

To fix this, specify the rotation context explicitly by adding:
```
  element: canvas,
```

Source: https://github.com/regl-project/regl-camera/blob/0182e4e/regl-camera.js#L57-L63

Fabian Iwand

By calling abs() you lose a lot of colors, and orientation gets harder for symmetrical models. I recommend the following change:
```
      gl_FragColor = vec4(vnormal * 0.5 + 0.5, 1.0);
```

This change will also make it easier to add variations, e.g. `vnormal.yyy` to "light" the model from the top.
(comment copied over because I had added it to the wrong cell before)

I recommend to avoid bundle.run whenever possible, since the service can be very unreliable.

You can switch to skypack:
bunny = (await import("https://cdn.skypack.dev/bunny@1.0.1")).default

and:
normals = (await import('https://cdn.skypack.dev/angle-normals@1.0.0')).default