BitFragmentation is the generative art based on the photography on Ordinals, using p5.js and webgl. These codes are licensed under CC0.
Screen.Recording.2024-01-19.at.22.34.28.mov
If you want to preview the fragmentation of your image inscription, please use preview/index.html
.
It works on local environment.
<html><head><meta charset="utf-8"><style>body{margin:0;}</style></head><body>
<div id="p5_loading"></div>
<script>
function preload(){
// NOTE: Change inscriptionId if you want to use (image only)
inscriptionId = '46732ada7f8bb8cbacd4c87a9be18db46b0cb1997728482281da7ad4c08cdc45i0';
myImage = loadImage(`https://ordinals.com/content/${inscriptionId}`);
}
</script>
<script src='./main.js'></script></body></html>
If you want to inscribe your fragmentation on Ordinals, please use template/index.html
file.
This source is generated by using OCM-Dimensions p5.js tool. Then, it is tuned so that only the inscription Id can be switched.
Please change inscriptionId
value to inscription id you want to use.
After change it, save it as html file, and inscribe it by some inscribing tool such as unisat, sating.io,
Note: The code allows only image inscription.
<html><head><meta charset="utf-8"><style>body{margin:0;}</style></head><body>
<div id="p5_loading"></div>
<script>
function preload(){
// NOTE: Change inscriptionId if you want to use (image only)
inscriptionId = '46732ada7f8bb8cbacd4c87a9be18db46b0cb1997728482281da7ad4c08cdc45i0';
myImage = loadImage(`/content/${inscriptionId}`);
}
</script>
<script src='/content/6184652228baf12b60c30775668fad141257b39ee933a38e0d800cc4e579096bi0'></script></body></html>
If you want to see actual code, please see src/main.js
.
These codes are licensed under CC0.