Updates is a tumblelog.

Done!- nearly!

Content’s all in there; think I’ll leave it like that more or less!

http://willquirk.com/SLOW/WEB/FINAL-200/1.html

The only thing is: testing it out on another computer, the ‘code’ background of the white section is a bit too subtle.

Need to replace the files with amended ones in that case; shouldn’t take too long.

——

Here are some process images for the last part:

Above: trying out the ivy.

Above: Trying different effects with texture overlays.

Above: trying out a photograph behind; not as strong as just white, I felt.

Overall, I prefer just having the subtlety of the GUI being broken, and in ruins. Plants overgrowing (in the way I’ve tried it at least) seems too much.

Gap-fix: Put the image as the background instead, with no repeat. Then, being as there’s no button, I’ve put a transparent gif of the same dimensions above, as seen here:

The popup windows containing the gifs are looking good!- the only problem is this white gap right at the top and left hand side:

Going to try and find a way to get rid of it somehow…

THE GIFS

There’s to be a series of 3 gifs, which (like with the hands, and my previous experiments with the forest image) get smoother each time (each with different text on though of course).

I think I’ll have to choose an image that looks a lot like trees, because the above doesn’t really work all that well, being so abstract. I had to make a small crop instead of having a large image because large it looks like this:

There are more colours in the image and so it can’t fit them all into the 256 colours allowed.

Also: I’m choosing to have them spreading across individual pop-up windows, because that’s the only way I feel I can break out of the GIF’s feeling ‘square’ like the rest. I’m attempting, here, to convey a feeling of change, and of breaking out of the familiar.

Here’s a test of that:

I did think of having a vignette effect around it, but it looked terrible:

——

Looking at the pop-up window test above, I wonder if it’s a good idea to still have the hole in the wall visible. Surely it should feel like you’ve gone through it, so perhaps the window should be set to cover that…

Hands=done!

Well it took a while, but all of the hands are finished, and the next part leading into the animated gif.

Not long to go on that!— just as well because I’ve got my plane instructions to finish!

From where I left off:

http://willquirk.com/SLOW/WEB/FINAL-200/32.html

From the beginning:

http://willquirk.com/SLOW/WEB/FINAL-200/1.html

(If any links don’t work, refresh the page the link is on)

Just cleaning up some edges…

Mouseover problem

Because the hand images have transparent backgrounds, it now shows up that, all that time, I had an extra bit of code in the main body that shouldn’t have been there:

I’d already mentioned the background image in the CSS script in the header, so including it further down as well meant that it doubled up when you mouse-overed…

Course it wasn’t a problem when the one was covering the other at the same dimensions, like with all the ‘x’ buttons I’d done.

Deleting that bit of code has fixed the problem though!

Fingers crossed…

Dithering

Ah, so that’s what ‘dithering’ is; making gifs look half-transparent…

The problem with gif transparency…

…is that it’s either on or off: you can’t have half-transparent pixels.

You can in PNG’s but they’re far larger files, so not really suitable for what I want!

Lossyness

Nice effect:

Could it be relevant…?

Updated!

From where I left off:

http://willquirk.com/SLOW/WEB/FINAL-200/19b.html

From the start:

http://willquirk.com/SLOW/WEB/FINAL-200/1.html

(If it loops to the wrong place at all, use the refresh button on the page that the link is on).

Glitches

There are lots of little mistakes and glitches that I’m having to fix along the way too, like this tiny white dot that’s appeared on one of the boxes:

To make the link work, there had to be something inside the cell, so I put a full-stop.

The colour of this was white for some reason from before, so had to edit CSS to change #FFFFFF to #DDDDDD:

And now it’s the same grey as the outside of the square!:

Box placement reasoning

In the darker section, with green details, the foreground elements are meant to feel messy. Like there’s too much going on, and not all of it concise and considered; manmade systems are there, but they’re awkwardly toppling over each other.

You therefore have to move the mouse to keep clicking through.

On the lighter section it’s meant to feel easy and comfortable - as the findings have been made, and life is as gridded and precise as it could be for the humans - so I’ve kept the boxes in the same place, with the same location of the ‘x’ buttons.