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

{
  "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"
}