Roxy: Sleepwalk

[Violet CLM]

Have you ever felt that Roxy simply doesn't sleepwalk through enough pages? Well, if you use Google Chrome or Mozilla Firefox, now you can replace the number of pages she sleepwalks through from some of them to nearly all of them.

Instructions:

1. Install the Stylish extension (Chrome) (Firefox).
2. Install this user style. Make sure to choose the correct browser when installing the style, since they each require slightly different CSS to work.
3. Hover your mouse over the contents of any page. (Works best with pages containing a single 650x450 panel, which fortunately is most of them.)

Have a screenshot:

show spoiler

hide spoiler

OTHER, SIMILAR OPTIONS:

• If you use this Firefox-exclusive style instead, Roxy will sleepwalk her way across the entire world wide web instead of being confined to adventure panels.
• This Greasemonkey script by agnomen should likewise attach Roxy to any page on the internet, using Javascript instead of pure CSS.
• This Java program by unbridledExüberance should make Roxy sleepwalk across your computer screen every 2-10 minutes, whether you're surfing the web or not.

[unbridledExüberance]

What is this? It seems as though a WILD EXTENSION has thrown your BROWSERLEGIANCE insto a state of uncertainty! Better act fast!

[Violet CLM]

Okay, with some more tinkering I was able to get it to work in Firefox too. I found two ways in which the browsers differ on how they handle the :before selector and managed to make them complement each other, so now either one will work. Roxy everywhere!


(Note that she won't sleepwalk in front of flashes, but this is Hussie's fault, not mine.)

[PumpkinAppearifier]

I love you.

[Alphakirby]

What is this? It seems as though a WILD EXTENSION has thrown your BROWSERLEGIANCE insto a state of uncertainty! Better act fast!

show spoiler

hide spoiler

Obviously Chromium is the more handsome one in this debacle.

[Alphakirby]

Roxy, you stop sitting on that cake this instant.

[unbridledExüberance]

Obviously Chromium is the more handsome one in this debacle.

Lately Firefox has started to get a little buggy and does not handle flashplayer gracefully at all (memory leaks!). On the other hand, Chromium (and it's Betty Crocker Google-branded version Chrome) doesn't let you customize it's interface as well as Firefox does, and for a program that I'm going to use all the time, I want it to look nice and to be able to position things where I want them instead of having their position based on a some random dude's opinion of what's good. Luckily, Chromium has things positioned very well and almost how I would want it, but I don't like how it doesn't properly inherit my theme for it's fake window decoration, instead using the GTK+ default.

If Only I could just sort of alchemize them into FireChrome! A flaming fox wrapped around a... blue... spinny... thing.... ready to take on the internets!


Anyways, this thread is about Roxy sleepwalking across the interblag, not web browsers.
It is simple and awesome. That's really all there is to say on the matter.


Now I just need to make a compiz plugin to make Roxy randomly sleepwalk across my computer screen at random intervals

[Irockz]

Lately Firefox has started to get a little buggy and does not handle flashplayer gracefully at all (memory leaks!). On the other hand, Chromium (and it's Betty Crocker Google-branded version Chrome) doesn't let you customize it's interface as well as Firefox does, and for a program that I'm going to use all the time, I want it to look nice and to be able to position things where I want them instead of having their position based on a some random dude's opinion of what's good. Luckily, Chromium has things positioned very well and almost how I would want it, but I don't like how it doesn't properly inherit my theme for it's fake window decoration, instead using the GTK+ default.

If Only I could just sort of alchemize them into FireChrome! A flaming fox wrapped around a... blue... spinny... thing.... ready to take on the internets!


Anyways, this thread is about Roxy sleepwalking across the interblag, not web browsers.
It is simple and awesome. That's really all there is to say on the matter.


Now I just need to make a compiz plugin to make Roxy randomly sleepwalk across my computer screen at random intervals

Is that why my firefox keeps freezing?

[unbridledExüberance]

I've never had Firefox freeze (but that could be a fix in the Linux version not present in the Windows version), but yeah, it has a memory leak where memory from Flashplayer isn't always freed when the page containing the flash is closed.

On the other hand, if you ignore the memory leaks, Chromium uses a LOT more memory than Firefox does (~50% more for normal pages), and might not preform as well on operating systems with poor schedulers *cough*Windows*cough, though still probably faster than Firefox if you have tons of tabs open with lots of stuff in them.

[aggrievesTemulence]

+1 Happy, very satisfied user.

Although.

Is there a way to get this to run on every page, outside of the Homestuck panel border? I want Roxy to sleepwalk through the entire internet!

[mutputSeven]

Oh my gog you are wonderful. Wonderful, I say. Now I have to go re-read every adventure. And I get the feeling it's going to be even more fun.

If Only I could just sort of alchemize them into FireChrome! A flaming fox wrapped around a... blue... spinny... thing.... ready to take on the internets!

*High five for Linux*
You know Chromium and Firefox are both open source projects, right?
...
Welp, time to learn C++.

Is there a way to get this to run on every page, outside of the Homestuck panel border? I want Roxy to sleepwalk through the entire internet!

This is a thing that needs to happen. I liked unbridledExüberance's Compiz plugin idea.

e: Can't stop laughing at Jailbreak's first page.

[Ziddia]

I found a bug/problem, although it may just be something in the CSS used. When my mouse is in the way of Roxy's sleepwalking, she disappears as soon as she hits the mouse, and doesn't return until I reenter the picture.

+1 Happy, very satisfied user.

Although.

Is there a way to get this to run on every page, outside of the Homestuck panel border? I want Roxy to sleepwalk through the entire internet!

Reading quickly through the source, it seems that it's based around the particular table classes used in Homestuck's CSS, so I would assume not. Then again, it could just be applied to all img tags, instead of just the tables. That may do it.

[Ziddia]

Oh my gog you are wonderful. Wonderful, I say. Now I have to go re-read every adventure. And I get the feeling it's going to be even more fun.


*High five for Linux*
You know Chromium and Firefox are both open source projects, right?
...
Welp, time to learn C++.

I have a copy of the Firefox source (don't ask why :P)

Here's a file list:
http://img542.imageshack.us/img542/3...efoxsource.png (too big to post really)

Just look at the values in the files column...

FIRECHROME WILL BE SO DIFFICULT

EDIT: Files being the last one with numbers.

[atomicCascade]

Oh god, don't get me started on the Chrome-Firefox browser war. Just don't. Love the plugin though!

[Violet CLM]

Is there a way to get this to run on every page, outside of the Homestuck panel border? I want Roxy to sleepwalk through the entire internet!

Not in Chrome -- the method used there is tied a little too heavily to Hussie's horrible HTML to be ported to much of anywhere else -- but I bet it would be pretty easy in Firefox. I'll get back to you.

e: Can't stop laughing at Jailbreak's first page.

Yeah, it doesn't work so well with Jailbreak's extra-wide panels right now because I used pixel widths where I should have used percentages. I'll fix that in a bit. The text of that particular panel is great, though.

I found a bug/problem, although it may just be something in the CSS used. When my mouse is in the way of Roxy's sleepwalking, she disappears as soon as she hits the mouse, and doesn't return until I reenter the picture.

Yeah, unfortunately I don't think that's something I can really do anything about. It's triggered by the <tr> tag containing the panel image(s) being hovered over, but since Roxy isn't actually a daughter of that same <tr>, when the mouse goes over her then the original <tr> is no longer being hovered over. Or, well, I guess I might be able to fix that in Firefox, but I kind of like having both browsers behave in the same way.

Reading quickly through the source, it seems that it's based around the particular table classes used in Homestuck's CSS, so I would assume not. Then again, it could just be applied to all img tags, instead of just the tables. That may do it.

The :before and :after CSS selectors don't work with images, unfortunately, because they don't do what their names make them sound like they do. Instead of inserting content before or after the tag they're attached to (e.g. <img />), they insert content before or after the existing content of the tag they're attached to. Since <img /> can't have any content (since it has no closing tag), it's impossible to use :before and :after with it. I have to compromise and use a completely useless <tr> instead.

Anyway! I'll look into adding her to the world wide web (in firefox). Should be doable.

[N. Noxington]

+1 Neat

Roxy is now flying on a flaming fox, (not really, would that be cool though? probably not, seeing as it's on fire.)

[N. Noxington]

see, flaming foxes can be cruel, making me double post >:c

[maroon]

So I don't know if I'm just insanely stupid, but it's not working for me (I'm in Chrome).

EDIT: I got it to work now. Sorry thanks.

[aggrievesTemulence]

Not in Chrome -- the method used there is tied a little too heavily to Hussie's horrible HTML to be ported to much of anywhere else -- but I bet it would be pretty easy in Firefox. I'll get back to you.

I know just enough about the software side of computers to understand how this could be a huge pain in the ass, so don't worry about it. Although maybe the solution would be to make a new thing instead of porting this thing? I mean maybe the workload would be 6 of one, half a dozen of the other, but I can't imagine it would actually be that hard to print an animated image on the screen.

[Violet CLM]

Firefox-exclusive: sleepwalk across every site ever! Guaranteed to get annoying fairly quickly.


aggrievesTemulence: I'll explain why this one doesn't work in Chrome. Spoilered for the explanation being of limited interest/accessibility.

show spoiler

hide spoiler

There are two things this second style relies on that Chrome doesn't allow, one crucial and one fairly unimportant.

The unimportant thing is getting the positioning just right. There are two main ways of specifying a size or position in CSS: absolute and percentage-based measurements. For this style to work everywhere, it has to be independent of the width of the browser window. Thus Roxy is offset by 100% of the browser window, putting her just off-screen but ready to come on-screen at a moment's notice. However, CSS animations have to have targets. I can't simply say "move left forever"; I have to say "move left until you reach this position that I'm going to specify for you." This position is, in this case, offset -163 pixels (her width but negative) so that she's just off-screen but on the left side of the browser window. Using a percentage there would mean inconsistent results in differently sized browser windows, potentially to the point of her being visible after her animation has finished.

So, her horizontal offset position transitions from "100%" to "-163px" -- a switch between two different systems of measurement. Firefox allows this. Chrome does not.

Still, that could be compensated for, however messily. However, that's immaterial because Chrome doesn't allow you to animate this kind of pseudo-element in the first place. Roxy is not part of the HTML source: she's added in CSS using the :before or :after selectors. In Firefox, it's possible to attach a CSS transition/animation to a :before or :after element, but Chrome simply doesn't support this at all. Roxy would switch immediately from just off-screen on the right side of the window from just off-screen on the left side, with no movement in-between.

(So how does the original code work in Chrome at all? Well, Chrome doesn't allow you to attach transitions to CSS-generated elements, but it does let you attach them to things that are actually part of the HTML. Part of Hussie's site design involves a block (specifically a <tr>) in-between the images and the text of a panel. It has no business existing, and its only real use is providing a vertical margin between the images and the text. Roxy is actually a descendant of this useless <tr>, and, skipping over some more complicated details, it's this invisible HTML element that moves around while she stays in a fixed position in relation to it.)

Chrome would be totally possible using Javascript, of course, but this is pure CSS.

[Reecer6]

What happens if she sleepflys across something small like the GREEN SUN .gif?

[Layra]

Reading the last few pages with this activated is pretty great. Thanks!

[unbridledExüberance]

I made a thing in Java (yes, I know using Java for this- or pretty much anything actually- a massive waste of resources, but I just wanted to throw something together really quick) that makes Roxy sleepwalk across your screen every 2 - 10 minutes. To close the program, double right-click Roxy.

Screenshot:[link]
Download: [link] (REQUIRES JAVA 7. If you don't have Java 7, you'll just get a black box moving around the screen.)

It won't work properly if you don't have compositing enabled. If you're using basically any non-ancient version of Mac or Linux, you're fine unless you're using a window manager with compositing off. Window Vista and later should have the necessary support as well. Probably.

How smoothly Roxy moves accross the screen is entirely up to your window manager.

EDIT: Updated program. The roxy sprite is now embedded in the JAR, so you can run the jar file from anywhere and it will work. Roxy also now comes from any side of the screen and behaves properly at the top and left sides of the screen, though there is a bit of flicker when she is partially offscreen on the left or top edge of the screen since Java doesn't allow vsync with Graphics2D for some stupid reason.

[Hpboy7]

It doesn't seem to be working for me. I'm using the Chrome one and downloaded the right stuff, yet nothing happens when i go on mspa.

[Violet CLM]

What precisely do you mean by "go on mspa"? It doesn't work on the front page (mspaintadventures.com); you have to view one of the individual story pages.

Can you copy and paste the code you're using? You should be able to get it by clicking the Stylish extension icon and clicking "Edit" under the appropriate (non-disabled) style.