Adrian Wahrer's profile

Veritable Joy Studios Website (2021)





The website was designed and implemented using Carrd as well as some custom code.

The nav bar uses custom HTML; the diagonal boxes, outline on hover and dynamic box-shadows are all modeled after similar menu elements from one of the studio's games.

The background of the website uses a special "dot grid" effect where each dot sparkles and shifts in color over time, but every dot remains a single solid color. This is achieved using two layers.

The top layer is the grid itself: a single 60x60px square tile with a hole punched out of its center (left), which then tiles indefinitely. Underneath that is an extremely low-resolution animated .gif which contains the colors and sparkling (right), but is stretched out to occupy the entire dot grid. The two images have their aspect ratios matched in such a way that 1 tile = 1 sparkling pixel (center).

Trying to make an animated .gif the size of a desktop with as much color as there is currently would make the file size too large, and the edges of the dots themselves would not be as crisp. But because website only has to load two very small images (which are then tiled or stretched to fill the whole background), it has the same effect without incurring any significant loading times.

Credits
"Meet the Cast" graphics by Alexis DeJesus
Game character art by Yu Yamamoto


Veritable Joy Studios Website (2021)
Published:

Veritable Joy Studios Website (2021)

Website designed for a game development company, created using custom HTML as well as custom motion graphics

Published: