At the end of the day, this is an almost pointless exercise. I basically remade Flash, in a way, which in this case is bad news. A game this simple should be written simply but also run simply.
So it's back to my original strategy, using this view to render an SVG UI "in situ", and modifying the WebGL game to load in SVG assets for everything.
I've sure learned a lot though!
While I'm still researching ways to solve or mitigate it, I think that no matter what I do, every time I update the camera position I'm changing a CSS variable on the capsule div, which recalculates the style of absolutely everything. Per frame.
Maybe that's fine, but I suspect this is related to why the demo runs poorly in Chrome (though it is buttery smooth in Safari).
One thing's for certain: none of this is a problem in WebGL Verreciel.
Here's the whole scene with the perspective CSS property commented out.
Again, everything is 2.5D, which works well most of the time, because most of this stuff faces the "camera". Wires that intersect the middle of the capsule are an exception, as their SVG is perpendicular to the "camera", and so a hodgepodge of ortho line segments is used as a stopgap.
Looks good, right? But again, it's incompatible with VR and has what I think is an unavoidable performance bottleneck: CSS recalculation.
Remember when I posted that CodePen two or three weeks ago, and was like, "look what I can make with SVG+CSS, but it's not like it's the *real* #Verreciel haha just a little browser trick nothing serious!"
😅 Well... after promising I wouldn't invest too much time in getting it to replicate basic Verreciel functionality, I went and did the math necessary to drive wire connections.
It also supports web fonts, Unicode, and overengineering.
It's honestly tempting to try switching Verreciel's renderer over to this SVG+CSS method— it's concise, it's declarative, and chances are it could be ARIA-enabled so folks can use it with assistive input devices and such what.
And it's so fucking responsive! What the hell?
But it's easy to overlook some complicated things; 3D wires and structures would be a pain to implement this way. This isn't the path to a VR version, either. But we could promote the game with a site built from this. 🤔⚙️
Who wants to play with something silly real quick?
Here's a little interactive panoramic thingamajig that looks a whole lot like the Verreciel cockpit, amirite?
The idea is, there'd be an SVG file where all the UI went, and refreshing this page would load them up and display them, without having to hack the game somehow.
I'd really like Verreciel's UI to be artist-accessible. And then I'd like to give a specific artist access to it. 😃
so my temp permit ran out but my license plates got here today, so I drove out to get some frames
this cop decided my permit being expired for 5 hours was unconscionable and refused to let me drive home to attach my plates without first attaching my plates
so instead of going home and using my tools to do it, i had to mount inserts and tap the screws with my bare hands before I could drive off
on the highway shoulder, in 90F heat, PS the cop just sat in his car with the AC on and did not help
SPD: we could've saved that shooting victim by hitting him with tear gas and rubber bullets
.@gramsofgnats asked my unanswered question from earlier (yay!): How would access to tear gas (e.g.) have saved a shooting victim's life this weekend? Best says it's because they couldn't clear the area using non-lethal means because of "hasty, not well-thought-out legislation."
holy shit this rules
Organizers in Philly have been quietly moving houseless folks into PHA owned properties. PHA has three times as many empty, viable homes as there are houseless ppl in the city, but claim they can't do anything for the housing crisis. Today organizers went public. https://twitter.com/UR_Ninja/status/1275160943144525824
how are we supposed to find police saying they want reform even remotely credible if their response to even this is say they will start shooting protesters
Merveilles is a community project aimed at the establishment of new ways of speaking, seeing and organizing information — A culture that seeks augmentation through the arts of engineering and design. A warm welcome to any like-minded people who feel these ideals resonate with them.