one more cute disaster… it’s hard here in paradise
I've always wanted something like this but for Game UIs, even if it's not real because I know the nightmare shit that happens there. But it would still be rad as hell if it was possible to do.
correct me if im wrong but. isnt this pretty easy to do with some JS?
something like
let recurse = (el, n=1) => {
el.style.transform = `translate3D(0, 0, ${n})`
el.children.forEach(child => recurse(child, n+1))
}
wouldnt be blocks but still cool as fuck
i don't really know how to use css 3d transforms but that doesn't seem to work
{
let recurse = (el, n=1) => {
if(el.style) el.style.transform = `translate3d(0, 0, ${n}px)`;
if(el.childNodes) el.childNodes.forEach(child => recurse(child, n+1))
}
recurse(document.body);
document.body.style.perspective = "80px";
document.body.style.transform = "rotate3d(1,0,0,30deg)";
}
it doesn't seem to make nodes different heights
might be the wrong properties, the last time i used 3d transforms was like 6 months ago lol
mdn is your friend
Whaaaat this is like the most helpful tool i can imagine for learning CSS!!!
Firefox 47 removed the Firefox User Extension Library (FUEL) introduced in Firefox 3, seems likely to me that's what this was based on?
navigating an alien landscape littered with infinite spires, the React inheritance tree climbs to scrape the firmament.
towers of Babel(.js)
In my engine I can render ui in 3D and with a controllable depth exploder value, so you can do it in games then 👀 old image https://luxeengine.com/content/images/2017/02/ui_clipping.png newer video https://i.imgur.com/n7Rzyin.mp4
the tricky part is interaction, the UI treats things as a 2d plane which when exploded is offset from how it looks, so you gotta grab on the plane even if the thing is floating. Probably fixable but low priority :D
