Joe Pea

Every now and then I like to make my #HTML <button> elements look a little better. 😀 I have some tricks in mind... #Lume #LumeHTML #WebGL #WebGPU #webdev Live @CodePen 👇 codepen.io/trusktr/pen/LY…

> This will involve new protocol concepts. We are referring to this as "permissioned data", meaning non-public data with explicit access control.

Official private data is in the works! > The original design [...] of the protocol was to support public conversations [...]. It has been clear [...] that this core functionality needs to be complemented with mechanisms for less-visible interactions [...].

Can't wait to migrate my open source code from GitHub to the Atmosphere. tangled.org is a decentralized code sharing system built on the At Protocol (the decentralized protocol Bluesky created).

html-in-canvas is an work-in-progress new web spec that officially allows rendering HTML into a canvas. No more hacks, not more CORS issues. An official API! It'll be similar to using a `<video>` as a WebGL or WebGPU texture, for example, except that the video is live HTML/DOM.

@threejs Can't wait to run in web or native!...

The future of Three.js is WebAssembly

@silasdenyer @webgl_webgpu It definitely serves for inspiration! I think it was just too complex for a browser to adopt all at once at that time. Maybe we're getting closer!

@webgl_webgpu If only we'd kept going with 1990s VRML from Silicon Graphics (the same folk who invented GL)...:)

🧊 Technical Showcase: What if 3D on the web was just HTML you could write by hand and inspect in devtools? Lume gives you custom elements like and that render GPU-accelerated 3D with lighting, shadows, and glTF support. No canvas boilerplate, no framework lock-in. Built by Joe Pea (@trusktr) using Three.js and Solid.js reactivity. 🔗 webgpu.com/showcase/lume-… #WebGL #ThreeJS #WebComponents #CreativeCoding #3DWeb

@webgl_webgpu @techfusionjb HTML elements take longer to instantiate than a function scope, so startup cost might be slightly higher, but continual runtime with Solid's templating system will be fast. Plain Three.js can be accessed underneath Lume, for cases Lume doesn't cover, or occasional optimization.

@webgl_webgpu @techfusionjb Yes indeed about the reactivity system. For comparison, a framework like react-three-fiber will have slower updates via React's JSX props, even though it isn't Custom Elements.

@webgl_webgpu @ProjectEnter That's cool, I didn't know about MML. Custom Elements and HTML are indeed a great way to define interoperable cross-engine and cross-framework components with single interface. We might end up borrowing ideas from each other! 😏

@ProjectEnter That's a good point. I think @trusktr had some ideas in taking this multi-modal with a common component language.

Very delightful.

@babylonjs This is awesome. Is there anything similar to Threejs TSL yet, for creating the node graphs via imperative-like code?

Coming with Babylon.js 9.0 is version 1 of Frame Graph! This new system gives you full control over the render loop of the Babylon engine! doc.babylonjs.com/features/featu… #Babylon9Release #3D #WebDev #gamedev #indiedev #WebDevelopment #webgl #gamedevelopment #IndieDevs

@aavaa44 Is that units firing weapons and shells hitting terrain?

Next on the optimization front: geometry. In particular, I need LOD on the terrain. But for now let's just enjoy some night lights. #gamedev #indiegames #rts

****in smooth

@ryanflorence @matthewcp @efortis Components are composable, meaning a route tree is easy to express, or refactor. The route component tree defines the routing hierarchy (when a hierarchy is fine, of course). Basically makes nested routing easy to organize.

@matthewcp @efortis github.com/remix-run/remi…

Why do people want their client side router to be a component? It makes everything you do that's not rendering so weird. Like side effects. Router API design was solved long ago, they're callbacks. Just do callbacks.

Makes me want to