theia
@theia
scroll mouse
click for detail
Detail
proof of concept vertical scrolling chost
made for chromium desktop, might not work elsewhere

- running office guy by madgharr @.FrostCarrot
- office pixelart from (in)stabilitea

how does it work?
a parent-div uses transform:rotate(-90deg) and a child-div (which actually scrolls vertically) uses transform:rotate(90deg)

you could probably make different things clickable to different expanding <summary><details> etc. and make it more interactable.


isyourguy
@isyourguy
This page's posts are visible only to users who are logged in.

You must log in to comment.

in reply to @theia's post:

Haha, I was confused about the vertical scrolling reference, but I’m glad that what it does perceptually is correct! For a second there I was trying to imagine the little guy falling down the hallway vertically

That's exactly what it is, the scrollbars is hidden not by overflow hidden because I want normal scroll behavior - but by a fake windows XP graphic hehe (intentionally did pointer events none on the image for no good reason so you can still click it)

Fun!
Awaiting the day when we have full-fledged video games operating entirely on css crimes.
(mostly joking but tbh i wouldn't be astonished if something like that did happen)

There were already some prototype for text adventures (that you actually click through in a single post, even with character art above) - and some other cool interactable stuff. #interactable tag has a lot of cool things

I saw @blackle's text adventure post a while ago!
I hadn't checked the #interactable tag too much since then, so this was a nice reminder to.

@Planeshift's cat-petting adventure indicates that there's a limit on how big these can get, so I'd imagine that there'd need to be workarounds for truly large text adventure games (maybe split across multiple posts? across multiple pages if there's a sufficient need to prevent players from just scrolling through the page for different parts of the game? (tho if a player really wants to, then why not etc.)).

A lot, it's just not very practical haha

I've wanted to combine this with css-only parallax and clickable elements but ... Honestly it sounds like an hour long struggle