🟪
BTC Substance Academy
  • VESSELS
    • VESSELS - DMT UNAT
      • Bitcoin Data Representation & Provably Fair Mint
      • Interactive 3D Art
      • Generative Art Algortithms
      • Update Over Time
      • Provable Randomness & Simulations
  • BLOCKCRAFT WORLD
    • BlockCraft World - Beta
  • Introduction
  • BTC Substance
    • Satributes and Ordinals Tech
    • Generative Art
    • THREE.js Post-Processing
  • BRC-20
    • Overview
    • BRC-20 HelperBot
    • Bot Usage Instruction
  • Resources
    • Inscribed Libraries
  • TAP-SUBSATNCE
    • Runic Portals
    • Token Overview
    • TAP F.A.Q.
  • Runes
    • RUNIC SUBSTANCE
Powered by GitBook
On this page
  1. BTC Substance

THREE.js Post-Processing

PreviousGenerative ArtNextOverview

Last updated 1 year ago

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.

  • 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: (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.

Here's an example inscription using PostProcessing. In this case, Sobel edge detection for a high contrast cartoonized look

https://www.ord.io/59160599
https://github.com/matthewvollmer/OCM-Dimensions-Postproc/tree/main/threejs
https://magiceden.io/ordinals/item-details/0953ae1a6bb764377f24a2b8c1396bfe2963f472d0f59456c2a9db15c594df51i0