block by Marithia 39d8b86769cce058916fcdb0295d0a76

MDDN342 Assignment 1: Living Wallpaper

Full Screen

Blurred Illusion


At the beginning of the project, I wanted to make a stair illusion wallpaper. The colors would change square to square but in the end, my idea changed a lot.

I stuck to my idea of illusion and squares and created a wallpaper that was always slightly blurry. I started with the background cubes making it rotate, using the lecturer’s example code. I took it one step further and experimented with color and the speed. I liked the look of how it was all blurry with the added transparency.

I thought that it needed something more and that I could push this further to see what I could come up with. I added waves of cubes that flashed across the screen which gave it depth, but I didn’t like how the colors weren’t doing anything.

I experimented with the stroke of the cubes, which I liked the effect it gave it. It pushed it one step further and has the sizing of the wallpaper change to how it is now.

The wallpaper goes to different effects of sizing before it loops back to the beginning. I like the effect of the transparency adding to the illusion effect. The different sizings of the cubes and the waves that wash over, it draws you in.

Overall, I like how my wallpaper turned out. I’m glad I stuck to the illusion idea, but if I had more time I would like to test out color changes as I think that would improve the wallpaper. I’m happy with the result though.

NOTE: The gif doesn’t loop properly, but the code does loop. I couldn’t get it in an extra-large format as it keeps crashing no matter what I tried, so I got permission from the lecturer to submit a large version instead.

index.html

purview.json

GIFEncoder.js

LZWEncoder.js

NeuQuant.js

b64.js

canvas_size_large.js

canvas_size_normal.js

canvas_size_xlarge.js

code.html

code.js

code2.js

code3.js

code_l.html

code_xl.html

purview.json

sketch.html

z_focused_random.js

z_purview_helper.js

z_recorder.js