ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Basically science fiction in R3F. #svelte #ecs (Yeah, there'll be magic "position-x" style props)

May 2, 2025, 8:17 PM

Record data

{
  "uri": "at://did:plc:gdgssnismf7rsf5you3ndgmm/app.bsky.feed.post/3lo7ng2enw225",
  "cid": "bafyreic6hkvbumehnryeby5fgn7kmqpx42smpkslovesod5bgm6c66lfre",
  "value": {
    "text": "Basically science fiction in R3F. #svelte #ecs\n\n(Yeah, there'll be magic \"position-x\" style props)",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.recordWithMedia",
      "media": {
        "$type": "app.bsky.embed.images",
        "images": [
          {
            "alt": "<div class=\"fixed left-4 top-4 rounded-md bg-slate-800 px-4 py-2\">\n\t<button onclick={() => (x += 0.1)}> Increase X </button>\n</div>\n\n{#await initializeWebGPU(canvas) then state}\n\t<World plugins={[WebGPU(state), Systems]}>\n\t\t<Entity>\n\t\t\t<Trait trait={Mesh} />\n\t\t\t<Trait trait={Geometry} {geometry} />\n\t\t\t<Trait trait={Transform} position={vec3(-x, 0, -5)} />\n\t\t</Entity>\n\n\t\t<Entity>\n\t\t\t<Trait trait={Mesh} />\n\t\t\t<Trait trait={Geometry} {geometry} />\n\t\t\t<Trait trait={Transform} position={vec3(x, 0, -5)} />\n\t\t</Entity>\n\t</World>\n{/await}\n",
            "image": {
              "$type": "blob",
              "ref": {
                "$link": "bafkreiff6buvdwxptxz4cvorchawol3iewbocskzzsev7twhtahsg7pnbe"
              },
              "mimeType": "image/jpeg",
              "size": 383426
            },
            "aspectRatio": {
              "width": 1260,
              "height": 862
            }
          }
        ]
      },
      "record": {
        "$type": "app.bsky.embed.record",
        "record": {
          "cid": "bafyreiebmomqithhnmr76amfhskvj4snpnpabwagnsmnqxsrgkbl6bkepa",
          "uri": "at://did:plc:gdgssnismf7rsf5you3ndgmm/app.bsky.feed.post/3lo7ivgwiws2s"
        }
      }
    },
    "langs": [
      "en"
    ],
    "facets": [
      {
        "index": {
          "byteEnd": 41,
          "byteStart": 34
        },
        "features": [
          {
            "tag": "svelte",
            "$type": "app.bsky.richtext.facet#tag"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 46,
          "byteStart": 42
        },
        "features": [
          {
            "tag": "ecs",
            "$type": "app.bsky.richtext.facet#tag"
          }
        ]
      }
    ],
    "createdAt": "2025-05-02T20:17:47.696Z"
  }
}