box model visualization in cat engine. (currently re-writing the editor's ui from rust to meow meow script) #ui #css #webdev #browserdev #vulkan #catengine

so on the one paw, ive broken layout_system again, in terms of padding and text position. but on the other paw🐾 now the box model can be inspected by adding an InspectLayout component to any LayoutRoot #browserdev #css #postbrowserweb #vulkan #ui

Instancing AudioClips (shared audio buffer, and different playhead and start and endpoint) now, In meow meow script, you can do: let audio_clip_a = AudioClip.wav("amen_break.wav"); // grab just the third beat let audio_clip_b = audio_clip_a.instance(2, 3) #daw #music #jungle #esolang

how can people stand using python for anything? do python programmers read documentation and not rely on intellisense or something?

@gutterbunny.bsky.social I found a gutter bunny and moved it just in time before it got run over by a street cleaner. That is all. My work is done here.

programming beeps and amen breaks in meow meow script :3 next steps: 1. exposing the starting point of an AudioClip (and not just the duration / end-point which is possible now via MusicNote) 2. warping AudioClips to different tempos #jungle #hardcore #music #daw #cat #engine #gamedev #esolang

whoops.. well, once this is fixed, im exposing it as a feature ;p

percentage layout seems to work, after fighting with the word-wrap implementation for a few hours. Next issue.. allowing components in mms to be emitted multiple times in a component expression. (text_color is only being picked up once in this ui..) still deciding semantics for multi-emit vs clone

dimension / numeric unit literals in meow meow script :3 for Styled transforms aka "divs" for size, position, padding, margin on T{ Style{} } 50% 10gu ( g l y p h - u n i t ) // up next, in general for transforms: rad deg #css #esolang #languagedev #programming #language #meow #meow #script

correct-ish inline-block sizing taking into account padding, margin, the amount of text, how much available width it has, and what the intrinsic text height is based on the word_wrap mode adding flexbox soon.. since that what this type of ui actually wants #css #browser #cat #engine #ui

deciding how far to fall down the CSS rabbit hole. display: inline-block | block can be nested now, arbitrary renderables (which now get Bounds component automatically if one isn't authored) can participate in layouts, since layout_system can use Bounds to measure them. #gamedev #enginedev #css

changing the evaluation model of meow meow script (mms) so that imperative code runs synchronously and in between emitted component expressions (and can influence them) like let bright = 0.1 T { R { C.rgba(bright,bright,bright, 1) }} bright = bright + 0.1; T { R { C.rgba(bright, //etc #gamedev

@codetard.bsky.social What do you think of browsers? Do you think maybe browsers are ass?

fun problem: translating divs / styled transforms along Z and also masking them with a stencil clip, means they can be truncated from certain angles. I could either A. implement rendering a clip shape at the content depth B. add padding to UI elements which have z translation #browserdev #gamedev

this kind of thing on(pause_btn, "Click", fn(event) { anim.pause() playback_status.set_text("Paused") print("anim.pause()") }) in meow meow script (creating a proper evaluated object storage layer now.. for pending attaches (emitted components), env, general heap et al) #gamedev

two steps forward.. one step back.

I don't want to be a tech pessimist but Android 16 seems to be trash. The keyboard doesn't work properly, But at least we get weird hallucinated AI speech to text messages

I just had one of those dreams about nuclear war, infrastructure collapsing, and people rationing food

clipping items in the list (like a blizzard ;w;) using stencil buffer cause we cant use glScissor (explicit AND ALSO automatic clipping and scrolling / managed by LayoutSystem for "styled Transforms" like T { Style { overflow("scroll" | "hidden") } } coming soon in cat engine 0.5 #gamedev #css

meow meow script looking delightfully cursed

@ak-jp.bsky.social why u ignore puppy? ~w~

@ak-jp.bsky.social What rules have you learned so far?

@ak-jp.bsky.social Have you talked to the Voyager probes lately? What are they up to? What's the latest gossip? 🧐

@ak-jp.bsky.social hexes to the solar plexus (in my Lexus)?

@ak-jp.bsky.social are you sipping sizzurp In your ride like three six?

(found all of these on the same street in about 2 months time) On the one paw, It should be illegal to make disposable Vapes, .. but on the other paw, Now I get to take them apart and try and make them into one working #vape ( #nation )

@ak-jp.bsky.social What do you think of polymarket? What utility does it serve?

z-fighting be gone. transform{} children of LayoutRoot now preserves authored z translation, while overwriting x and y translation, etc with what layout_system figures out based on relevant Style{} nodes and transform hierarchy #ui #css #browserdev #vulkan #graphics #cat #engine

Call me Gucci main() else { you call me gucci_gucci();

there we go... *non overlapping* clipping shapes work now. this is landing in cat engine 0.5 soon. nested clipping im postponing until 0.6 release. Styled nodes under LayoutRoot will automatically do this, if a container has Style { overflow("scroll") } (or explicit with StencilClip{}) #gamedev

...debugging intensifies...

80/20 rule: spend at least 20% of time building tools to help diagnose and analyze what your code is doing. #eightytwenty #rule #softwaredev #programming

almost stencil clipping.. bit of a depth ordering bug still #vulkan #graphics #weird #glitch

Animation {} for button, in cat engine's mms language Transition {} component on the transform that moves. Meow meow script needs more work before it can use event handlers, (for this button for example) but the full api is available from rust in the meantime #ui #animation #cat #gameengine

css layouts (only display:block layouts so far) and component routing in cat engine 0.5. (router redirects newly attached components to a specific parent) unlike WebGPU, cat engine can interleave css/html nodes and low level vulkan drawing instructions in the same component tree. #gamedev #css

To avoid MMS/cat-engime becoming react.js Current plan: Avoid functional components Avoid template slots Make internal component routing into a component.. ** Deep down I feel functional components calling to me. ** I'm not sure what number to call for help

Scrolling{} component, via Rust and Meow Meow Script uses nearest Renderable{} ancestor to register DragMove event handlers for scrolling. TransformPipeline prevents background scale from interfering with scrollable container items scale getting this to work with StencilClip{} next. #gamedev

Huh.. #bluesky #atproto #jank

seems like in discourse about ai-assisted / ai-driven coding its often overlooked that there's a difference between talking to an ai agent about *features* VS talking to an ai agent about code itself / how the works [or ought to work] i'm skeptical of pure vibe coding (this will age well) #ai

It's kind of weird to think how metal objects are something that everybody has, but almost nobody has the tools to modify them or attach them together. I guess that's just consumer culture.. Or there's no time to repair things In most people's schedules

Not everybody gets to do deep sea welding when they grow up. Whatever this guy is doing, looks pretty important though

meanwhile.. ripping out the scrolling component culling / occlusion stuff in favor of delegating that to a StencilClip component, which layout_system automatically attaches to nodes with overflow:scroll or hidden.. and then adding generic cpu-side bounding box culling later to work along side

at this point there needs to be a browser layout engine. LayoutRoot {} acts as the viewport, HtmlElement{} (has a bunch of constructors for different elements), and Style{} implements a subset of CSS rules (to start) still working on the bottom-up measure/ top-down position flow #gamedev

WIP Transition{} component, Which can be attached to components that support transitions, like transforms, colors or UVS, **Or** Attached to a Keyframe{Action{}} to apply tweening to the intent emitted by that action *without the target component needing a transition component on it* #gamedev

what has science done!? probably time to add some sugaring 🍬🍭 so that html elements can be used in mms without prefixing "HtmlElement." #browser #webdev #html #postbrowserweb

i need some ibuprofen but all i can afford is cannabis ;w; how did we optimize the economy this way? at this rate, by 2036, retail cannabis will be $1/gram and 900g of pasta will be $6 ..which is not going to last long if i have munchies 🙂‍↔️

scrollable / container viewport culled renderables in lists with cat engine. (still generalizing this to Scrolling{} component.) added raycastable modes to support this: Raycastable.drag_only() Raycastable.click_only() so container can stop propagation of only drag events #gamedev

#vulkan #cat #engine