> For the complete documentation index, see [llms.txt](https://btc-substance.gitbook.io/btc-substance-academy/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://btc-substance.gitbook.io/btc-substance-academy/btc-substance/three.js-post-processing.md).

# THREE.js Post-Processing

#### Inscription of optional libraries

* THREE.js has many post-processing features, but they're not included in the base package. To use them in a regular web-app (e.g., nor a recursive inscription), you normally need to include at least 4 additional files in the **\<head>** of your code.&#x20;
* OCM Genesis has incribed the base package for everyone in Ordinals to use, but they did not include these optional libraries. &#x20;
* I've  to inscribe them here: <https://www.ord.io/59160599> (id# 10665922de450d9b25c21d213ac7a2b7231e79a25be5865fd10ba0e19c4fac21i0) which will let them be used by any future THREE.js project any other ordinals dev uses.&#x20;
  * (This was a 30kb inscription that cost \~$200)
* To help with this, I've created a fork of the OCM repository, with modified instructions on how to use both PostProcessing and OrbitControls, to make your projects even more interactive and creative. <https://github.com/matthewvollmer/OCM-Dimensions-Postproc/tree/main/threejs>

Here's an example inscription using PostProcessing. In this case, Sobel edge detection for a high contrast cartoonized look <https://magiceden.io/ordinals/item-details/0953ae1a6bb764377f24a2b8c1396bfe2963f472d0f59456c2a9db15c594df51i0>

![](/files/eXjQpUaGvM3i1LHC4jPY)<br>
