Pinned Tweet
🗺️ updated importMap for working with React-Three-Fiber on-chain:
ordinals.com/inscription/c0d…
import maps let you assign global names/specifiers to javascript modules, so you can import like:
import React from "react"
includes R3F, drei, VRM avatars + more, dm if you need help~
15
17
81
5,901
🚁BITCOPTER upgrade #1!
🟩BITNAV 🗺️[bitmap navigation device]
💻a #bitmap GPS + data terminal with content that i can update with sat endpoint
🟧soon, bitcopters AND bitmap 10k club can get one via parent-child inscription, with supply enforced by an on-chain index validator!
45
70
268
30,326
🟧📢introducing 🚁bitcopters!🚁
🏔️alpha release of my first 3D #bitmap flying explorers
🎲a 10k generative collection using inscription IDs as seeds, allowing #BRC420's to have variations!
🌱colors seeded by first 4 numbers in ID
🎮fly: WASD/touch!📲 brc420.io/tokens/812c5b6415e…
56
45
189
102,445
starting some docs for bitmap.gg world map/terrain generation and peer-to-peer (webRTC) avatars
📙 gladion.gitbook.io/docs
37
83
207
24,796
introducing 🎨 p5remix 🎨
an on-chain p5.js editor and inscription builder!
ord.io/35153089
🚀 powered by Ace Editor, TailwindCSS, React and p5js from @OnChainMonkey
💪 builds a compressed, ready-to-inscribe HTML file
💚
p5 is fun! try it out~
#bitcoin #ordinals
49
40
180
25,940
we're doing this with a big persistent map for games and stuff, it's all hosted on bitcoin (inscriptions) so the games are accessible forever
vibe templates for three.js/R3F with built in webRTC (peer-to-peer) will let people spin up online games ez without servers
bitmap 🟧
32
69
193
43,994
📙the bitmap on-chain index (OCI) has been inscribed!
🗜️satoshi numbers for the first 840,000 bitmaps were compressed down to ~2mb (github.com/ordengine/BitmapO…)
any site/app can use this JS module to get the inscription ID or sat from just a bitmap number! ord.io/72156655
28
65
170
21,973
no physics engine here just spring animations with a single raycast every frame, optimized for big GLBs by github.com/gkjohnson/three-m…, shiny spaceman by @FWD_BTC
13
94
115
13,527
🟩 BITNAV update v0.3 is live! [exploration/build experiment]
🗺️ full 1000x1000 map mounted inside bitcopter
🚁 'explore' button lets you fly around selected bitmap
🛠️ click the ground to test placing a GLTF 3D model or react-three-fiber component!
ordinals.com/content/63482e6…
25
40
116
34,323
introducing 📙 Atlas Code (v1.0) 📙
🔍 located at 609.bitmap via Atlas Browser
📜 write and test HTML on-chain with full recursion
>> open the "🌐 browse" bapp in Atlas: ordinals.com/content/fd9f6da…
>> type in "609.bitmap"
>> click "import" for templates
📲ord.io/74647228
28
50
123
10,691
📚 recursive 3D stack:
⚡️ React-Three-Fiber (with JSX/babel)
🔦 drei (components)
🌞 postprocessing (effects)
🤸 cannon (physics)
github.com/pmndrs
✨ vfx-composer (particles)
👾 miniplex (ECS)
🏪 statery (store)
github.com/hmans/composer-su…
importMap: ordinals.com/content/d3d5e1e…
22
40
116
16,148
🧵on-chain websites using React, Tailwind and R3F!
here's a simple HTML inscription template to get started - on line 3 it imports a module which sets up some global variables (React, ReactDOM, useState etc) that let you make and render React components
ord.io/71054456
21
32
112
22,372
🚁 bitcopters are generated using the first 4 numbers of the inscription ID to seed the colors
💚 you can paste the ID into the input at the bottom (to view on BRC420, otherwise you see a random color) or you can add the query param 'id' to the URL and it will be a direct link!
28
22
101
28,516
🟧 on-chain Bitmon pattern data! [🧪experimental]
try entering a bitmap # here: ordinals.com/76176391
module with data and pattern/layout building functions: ordinals.com/73661860
made possible by @bitlodo 🧡⛏️ bitlords.land/bitmon
30
41
115
16,666
🟧 vite-ordinal-template 🟧
an easy workflow for building Vite projects into inscriptions!
github.com/ordengine/vite-or…
apps are bundled and inlined into a single HTML file, preserving the recursive links/imports
🔶 the "boxel" ~ a multi-shape primitive🧱
ord.io/76639464
13
38
113
10,649
🔗 on-chain webRTC test 🔗
ord.io/45338093
open a peer-@TO-peer connection between inscriptions..? for now, this will only work if they are running on the same internet connection - for online, we need decentralized STUN servers, TOp minds are currently investigating
17
23
96
15,348
introducing 🎯 Sat Ranger
an on-chain app for analyzing the sat names and namespaces of sat ranges in bulk!
sat names are in order, so a range will have the same starting letters (the namespace) plus EVERY possible combination of letters in that range, so u can find exact names
18
13
78
7,304
squoosh.app is an awesome tool for compressing images ~ moving the slider shows the before/after so you can get the lowest file size while keeping good quality
9
29
73
2,930
🌊 a 2D shader with UV skew/scale/rotation to kinda look like a 3D aerial view 🚁
inscription #88,465,459
10
13
81
3,089
the shader material on the left uses its world scale (dimensions after stretching) to calculate it's aspect ratio - so the pattern stays true and tiles correctly at any size
the right side one uses it's plain UV coordinates, so scaling just stretches it out!
13
22
81
6,730
🗺️BITNAV🟩free claim is live!
🚁all BITCOPTER and 🟧0-9999.bitmap holders can craft one via parent/child inscription!
🥇1 per bitcopter🚁
🥇1 per sub-10k bitmap🟧
🔏inscriptions are validated/rendered by an ON-CHAIN INDEX + ◉ recursive endpoints!
📲ordinals.com/content/12a5a9e…
18
25
62
11,388
a funky little shader ~ playing with noise functions + dynamic aspect ratio
ord.io/80140341
all-in-one webGL inscription (2.8 KB html file with no recursion)
13
15
67
4,249
✅ running React.js on-chain ord.io/25868314
🛡️ next up: react-three-fiber ⚔️🐉
#React #Bitcoin #Ordinals
9
9
55
4,415
i decompressed your code and it's the exact same code from @XorDev, you copied it from shadertoy, and thought the OCM compression and gpt would hide your tracks.
absolutely disgusted that you could lie, and then attack the artist back when called out.
wtf.
8
7
52
4,985
multiple punks in this ancient bitmap
Impresionante muralla megalítica de Sacsayhuamán, donde las enormes piedras están cuidadosamente dispuestas sin el uso de mortero.
Esta maravilla inca, con piedras que pueden pesar hasta 100 toneladas, ejemplifica sus excepcionales habilidades de ingeniería.
Earthly Wonders
5
7
51
2,322
the block patterns scale up and down in a fractal manner, so the more cluttered blocks end up being made out of smaller versions of the same pattern
blocks could be scanned for these patterns (which now have a rarity based on total #) to be used as a non-arbitrary loot table!
8
3
35
2,773
this would enable importing content like javascript modules, image tags etc directly from a sat #, and the path/URL would take up half as many bytes vs. using /content/<id>
relies on a full sat index but if app is already using /r/sat this would save on size + calls @Elocremarc
Decided to give contributing to ord a go.
Created a new recursive endpoint that will remove the need for multiple api calls when fetching reinscribed sat inscription content.
github.com/ordinals/ord/pull…
@rodarmor @raphjaph - did I do it right? 😅
Always. Be. Building.👷🏗️🟧🌌
#Bitcoin #Ordinals
4
13
46
2,736
~spectrum~ shader test on bitmap anatomy
📲 ord.io/85710497
this scene will stop rendering if the window is less than 300px wide - so it won't lag out pages that show many small inscriptions at once
💻 frameloop={'demand'} on an R3F <Canvas>
7
11
47
1,962
lern React-Three-Fiber ~
piped.video/watch?v=DPl34H2I…
piped.video/watch?v=oF2bDrRZ…
piped.video/watch?v=mvqPWay9…
r3f.docs.pmnd.rs/getting-sta…
need help getting started? dm me! i'm bad at calls/meetings but good at answering questions in dms
🔶 boxel constructor (wip)
5
10
42
2,159
huge thanks to @Switch_900 for compiling the sats, @blockamoto and all of the bitmappers out there! 💚
🟧
5
4
34
1,391
🧪this script arranges sats into ascending order, then saves just the delta values (differences between sats) - and due to bulk mints with the same postage, there are long batches of repeating deltas that get extra massively compressed with Brotli 🥦
github.com/ordengine/BitmapO…
3
2
34
1,624
current OCI module to use (with bugfixes) inscription ID 840bc..: ordinals.com/inscription/840…
+ new function to pull all 840k sats into an array using getBitmapSatsRange(0, 839999)
huge thanks to @_lefrog for digging in and fixing bugs (reinscribes and me scuffing the last page)
the last page of the OCI had some bugs like bitmaps being reinscribed on the same sat (so different /r/sat index), still testing a new module (ordinals.com/content/840bc0d…) heres a codesandbox validating it w/ trac websocket (might still not be updated FYI) codesandbox.io/p/sandbox/gd9…
4
10
37
2,520
the goal is for inscriptions to be able to import the player controller + default scene to easily spin up a scene with any avatar and be able to hook up animations easily
1
1
29
850
🧙♂️ 'shape keys' in 3D modeling let u adjust parts of a mesh to create different 'key' shapes, then u can smoothly interpolate between them with a variable, should be cool for generative traits!
🦴 works with bone animations
here's a few mixed together to make some mage beards!
5
7
26
2,593
all the layers, looking at the blocks from all angels might finally unlock the true bitcoin MMORPG
7
30
1,047
this component has an input field to take in any inscription ID, then shows info about it
it uses github.com/cypherpunklab/rec… (by @Elocremarc) to fetch data from the /r/inscription endpoint, then updates the state, which makes the HTML "react" to the changes
ord.io/71054445
4
4
28
1,814
ℹ️ new quest available! ord.io/26478769
💚 follow the comments for a quick overview of the code
🏎️ react-three-fiber module: /content/7a9f2b1e7f06e9e314668dcd109dfed040a445ad6f43c22ccfc9ad97560f47bei0
6
4
26
1,369
lets bring the mesh into it's own component called SpinningBox
we can attach a 'ref' object to the mesh, then in a useFrame hook (update loop) adjust the box's rotation
finally, with useTexture (github.com/pmndrs/drei) we can put a JPEG on the faces!
ord.io/71057271
3
2
24
2,249
challenge accepted 🫡 i feel like more and more use cases will be discovered as we dig into this functionality
2
2
27
549
ok so.. with animation retargeting, i think we could inscribe every Mixamo animation only once, then if you inscribed any 3d character model with the same skeleton - you could use every animation recursively for free :>
4
7
28
1,907
around block 826k, a handful of bitmaps started minting as reinscriptions, so a valid one would end up in the middle of a bunch of invalid inscriptions, all on the same sat
but it seems they made sure to get every bitmap ending in 151 for some reason.. 🔎🟧
4
5
21
1,831
test scene: ordinals.com/75497865
4
4
20
1,502
thank you for checking this out 💚 feel free to DM me if you have any questions about building with React and react-three-fiber on-chain! 🫡
1
23
1,092
this is the plan, for now this site is just for fun and to explore around, actual on-chain building will be rolled out carefully!
2
21
491
webGL is natively built into browsers, so you can run a GLSL shader without needing any recursion if you wanted, just takes ~2kb of boilerplate to print it to an html <canvas>
many shaders on-chain use p5.js 'webGL mode' or three.js just to wrap/abstract the webGL stuff
16
327
React is great for making interactive websites using clean, reusable code, and now we can use the same concepts for 3D with React-Three-Fiber!
this sets up a new scene using a <${Fiber.Canvas}> tag that has lights, "CameraControls" and an orange box mesh
ord.io/71056901
1
17
1,084
there is still a lot to figure out, like how to place objects in "sat-space" for use everywhere - hopefully this can help visualize some things. feedback on controls, performance etc is greatly appreciated! 💚
{💥💥}
1
15
1,241
the Box component is extracted directly from another inscription at ordinals.com/sat/84456259417…
this is done on line 27 where it imports the extractor module, with the added ?sat= query param
17
982
the 'UV' coordinates don't stretch/fit properly when going from a square window to a wide screen - so by including the aspect ratio of the screen (uvAspect), it won't get too distorted on different screens!
18
606
made by google and open source: github.com/GoogleChromeLabs/…
1
1
16
649
@TheWizardsOfOrd
three.js:
import * as THREE from '/content/8f968eb8ada1bf6275e6f8a27361a6b462a951b0102951e0fe7d30dec1d07dd4i0';
p5.js:
<script src="/content/b6a50f5ba932b0ea7f652d9d28e59eced47bc6f8376c25e02d8b3457bb60ac8fi0"></script>
examples:
github.com/TheWizardsOfOrd/E…
1
3
15
1,115
optimal real-time indexing would be done fully through recursive endpoints!
you could search all of the inscriptions in the new blocks: github.com/ordinals/ord/pull…
or a hash index would fetch any with the right text content (like xx.bitmap) and use /r/blockinfo to check fee rate
4
6
15
1,140
instead of compiling JSX with babel, this setup uses the library "htm": github.com/developit/htm
HTML/JSX-like tags get wrapped in a string starting with "html":
return html`
<div>
hi!
</div>
`
React component names are put inside ${} like:
return html`<${MyComponent} />`
1
1
14
1,360
WASD or touch to fly copter
[space bar] to go up
[control] + [space bar] to go down
[shift] for speed
1
13
1,314
💻 validator and firmware can all be found on the 1337sat: ordinals.com/sat/13370125000…
🟩 your BITNAV will always update to the latest inscription, allowing for future updates! 🎇
🚁 more info coming soon 🤠
ordinals.com/inscription/57e…
1
14
1,438
💚 💥💥
No better good luck charm to wear while inscribing blobs then @boppleton glass pendent. He has also made one of them into a 3D scene. Everyone go follow this man. He inscribed over 100 3D libraries on Bitcoin and blob wouldn’t have been possible without him.
Also shoutout to @lifofifo who recently inscribed Three JS in brotli. Which boppletons ord engine is using inside of blobs.
1
12
1,973
placing HTML inscriptions inside of markdown works? (only in explorer /preview template right now).. yuge if true
ordinals.com/preview/d77e105…
2
3
12
1,287
its stored as arrays of the satoshis that each bitmap is inscribed on, then a JS module is used to decompress and 'cache' the pages, so you only have to request the one ~200kb page that you need for quick lookups (100k bitmaps per page), instead of pulling all 840k
2
2
12
538
it definitely can be done! we just need to know the ruleset - for example, can these be re-inscriptions? that would cause them to be on the same sat, and cant ever be split apart. and if that is not supposed to be allowed, the script would have to know to ignore those
2
1
13
342
in ordinals, you can fetch all of the valid child inscriptions via the /r/children/<id> recursive endpoint. inscriptions under any deeper file structure will need a public indexing algorithm to be found, covering all edge cases like re-inscriptions (to know how far to search)
1
13
1,843
yep all ordinals are 'sandboxed' when viewing, just means they can only access the recursive endpoints, so for an app to let people build on their bitmaps and see it on-chain, we have to use inscription data - so just have to inscribe the index from trac/geniidata etc, its ok
1
11
313
yes! drop the bitAvatar .GLB in here to turn it into a react-three-fiber component: gltf.pmnd.rs
each part of the model can now be added to declaratively
then add the useAnimation hook from drei drei.docs.pmnd.rs/getting-st…
all R3F examples: r3f.docs.pmnd.rs/getting-sta…
2
10
215
RT @boppleton: @bisht_dishant @XorDev i decompressed your code and it's the exact same code from @XorDev, you copied it from shadertoy, and…
2
8
530
ultra-rare drops and item/resource properties and spawn rates shall be dictated by the blockchain. arbitrary data is just kinda cringe now
2
10
484
introducing corn.lol - a fancy big trades ticker showing market orders with their total USD value. more features coming soon!
repo: github.com/boppleton/corn.lo…
3
6
re-inscription data cannot be accessed inside inscribed code, YET.
it looks like the next ordinals update will give us full data about any inscription via the "/inscription/x" endpoint! + get all indexed re-inscriptions on a sat via "/sat/x". LFB 🧱🫡
github.com/ordinals/ord/pull…
1
1
8
670