THREE.js Post-Processing
Last updated
Last updated
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.
OCM Genesis has incribed the base package for everyone in Ordinals to use, but they did not include these optional libraries.
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.
(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