Experimental browser for the Atmosphere
Basically science fiction in R3F. #svelte #ecs (Yeah, there'll be magic "position-x" style props)
May 2, 2025, 8:17 PM
{ "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" } }