ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Small detail in Bitframes—cells are filled by many horizontal & vertical hatch marks. I turn each of these marks into a 2D path to control the roundness of the end caps, rather than being stuck with the very circular arcs of Canvas2D lines. Code below: github.com/mattdesl/bit...

Nov 24, 2024, 1:45 PM

Record data

{
  "uri": "at://did:plc:zdlvtfvvdcdccmqlxe2s7xvh/app.bsky.feed.post/3lbp5dovk4c24",
  "cid": "bafyreiej2le23vgnng65uv4v5lwqxc42uyoftff3sywc5b3w3p4lhukii4",
  "value": {
    "text": "Small detail in Bitframes—cells are filled by many horizontal & vertical hatch marks. I turn each of these marks into a 2D path to control the roundness of the end caps, rather than being stuck with the very circular arcs of Canvas2D lines.\n\nCode below:\ngithub.com/mattdesl/bit...",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.images",
      "images": [
        {
          "alt": "",
          "image": {
            "$type": "blob",
            "ref": {
              "$link": "bafkreig32j7u2lyla4au2eb45zcwix5uzgf3ummjoiyzjnodlsdtywclt4"
            },
            "mimeType": "image/jpeg",
            "size": 627757
          },
          "aspectRatio": {
            "width": 2000,
            "height": 2000
          }
        },
        {
          "alt": "",
          "image": {
            "$type": "blob",
            "ref": {
              "$link": "bafkreibyikcsus5ioxsyvupgqphud4iglyrxrsjl6intsypmgvfudteci4"
            },
            "mimeType": "image/jpeg",
            "size": 408323
          },
          "aspectRatio": {
            "width": 1010,
            "height": 1010
          }
        }
      ]
    },
    "langs": [
      "en"
    ],
    "facets": [
      {
        "index": {
          "byteEnd": 282,
          "byteStart": 256
        },
        "features": [
          {
            "uri": "https://github.com/mattdesl/bitframes/blob/main/src/drawRoundedSegment.js",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      }
    ],
    "createdAt": "2024-11-24T13:45:13.338Z"
  }
}